clawdbot-dashboard
A beautiful, feature-rich dashboard for Clawdbot that displays workspace stats, memory, tasks, goals, analytics, and installed skills. Works with any Clawdbot installation - no database needed, all data from workspace files.
SKILL.md
| Name | clawdbot-dashboard |
| Description | A beautiful, feature-rich dashboard for Clawdbot that displays workspace stats, memory, tasks, goals, analytics, and installed skills. Works with any Clawdbot installation - no database needed, all data from workspace files. |
name: clawdbot-dashboard description: A beautiful, feature-rich dashboard for Clawdbot that displays workspace stats, memory, tasks, goals, analytics, and installed skills. Works with any Clawdbot installation - no database needed, all data from workspace files. category: dashboard version: 1.0.0 author: thibautrey homepage: https://github.com/thibautrey/clawdbot-dashboard repository: https://github.com/thibautrey/clawdbot-dashboard license: MIT keywords:
- dashboard
- analytics
- skills
- tasks
- memory
- ui
- workspace tags:
- visualization
- productivity
- stats
icon: š
metadata:
clawdbot:
emoji: š
description: "Modern dashboard for Clawdbot workspace with analytics, skills browser, and more"
requires:
bins: ["node", "npm"]
install:
- id: npm-install kind: shell command: "cd clawdbot-dashboard && npm install && cd frontend && npm install && cd .." label: "Install dependencies (npm)"
- id: start-dashboard kind: shell command: "cd clawdbot-dashboard && npm start" label: "Start dashboard (backend + frontend)"
Clawdbot Dashboard
A modern, feature-rich dashboard for Clawdbot that visualizes your workspace, skills, tasks, memory, and analytics.
⨠Features
š Dashboard
- Real-time workspace statistics
- Memory size tracking
- Daily logs counter
- Installed skills overview
- Interactive tips carousel
š Analytics
- Memory growth charts
- Daily logs analytics
- Workspace health status
- Data sources overview
š ļø Skills Browser
- Browse all installed skills
- Filter by category
- View full SKILL.md content
- Skill metadata display
ā Tasks & Crons
- Display Heartbeat checklist
- Show all cron jobs
- Schedule information
- Status tracking
šÆ Goals
- Track achievements
- Milestone progress
- Goal visualization
š Memory
- Browse MEMORY.md
- Full Markdown rendering
- Rich formatting support
š Quick Start
# Install
clawdbot skills install clawdbot-dashboard
# Start
cd ~/.clawdbot/skills/clawdbot-dashboard
npm start
# Open browser
open http://localhost:5173
šļø Architecture
Backend (Node.js + Express):
- Port: 5174
- Reads from Clawdbot workspace (
/Users/[user]/clawd/) - REST API for all data
- 20-60s caching for performance
Frontend (React + Vite):
- Port: 5173
- Modern UI with Tailwind CSS
- Dark mode support
- Real-time updates
Data Sources (Clawd-native):
MEMORY.mdā Long-term memoryHEARTBEAT.mdā Daily checklistmemory/YYYY-MM-DD.mdā Daily logsskills/*/SKILL.mdā Skill metadata- Cron jobs via
clawdbot cron list
š¦ What's Included
clawdbot-dashboard/
āāā backend/
ā āāā index.js (Express server + API)
ā āāā cache.js (Cache system)
āāā frontend/
ā āāā src/
ā ā āāā App.tsx (Main layout + navigation)
ā ā āāā pages/ (Dashboard, Analytics, Skills, Tasks, etc.)
ā ā āāā components/ (Reusable UI components)
ā ā āāā services/ (API client)
ā āāā package.json
āāā package.json
āāā SKILL.md (This file)
āāā README.md
āāā QUICKSTART.md
šØ Pages
- Dashboard ā Overview with stats & tips
- Analytics ā Growth charts & workspace health
- Skills Browser ā Browse installed skills
- Tasks ā Heartbeat checklist + cron jobs
- Goals ā Achievements & milestones
- Memory ā Markdown memory viewer
āļø Configuration
No configuration needed! The dashboard auto-detects your Clawdbot workspace.
Customization (Optional)
Edit frontend/src/App.tsx to:
- Change sidebar colors
- Add new pages
- Customize theme
- Modify refresh rates
š§ Development
# Install dependencies
cd clawdbot-dashboard
npm install
cd frontend && npm install && cd ..
# Start dev servers
npm run dev
# Backend: http://localhost:5174
# Frontend: http://localhost:5173
š API Endpoints
GET /api/statsā Workspace statisticsGET /api/memoryā MEMORY.md contentGET /api/tasksā Heartbeat + cronsGET /api/goalsā Goals dataGET /api/skillsā Installed skillsGET /api/skills/:id/contentā Skill SKILL.md contentGET /api/tipsā Tips carousel
š Dark Mode
Click the theme toggle in the sidebar footer. Preference saved to browser.
š Performance
- Cache system: 20-60s refresh per endpoint
- Lazy loading: Pages load on demand
- Minimal deps: Only React, Express, Tailwind
- Zero external data: All local workspace files
š License
MIT ā Use freely, modify as needed
š¤ Contributing
Ideas or improvements? Open an issue or PR on GitHub!
Made for Clawdbot. Works with any workspace. Zero setup needed. š¤