Agent Skill
2/7/2026

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.

T
thibautrey
0GitHub Stars
1Views
npx skills add thibautrey/clawdbot-dashboard

SKILL.md

Nameclawdbot-dashboard
DescriptionA 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 memory
  • HEARTBEAT.md — Daily checklist
  • memory/YYYY-MM-DD.md — Daily logs
  • skills/*/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 statistics
  • GET /api/memory — MEMORY.md content
  • GET /api/tasks — Heartbeat + crons
  • GET /api/goals — Goals data
  • GET /api/skills — Installed skills
  • GET /api/skills/:id/content — Skill SKILL.md content
  • GET /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. šŸ¤–

Skills Info
Original Name:clawdbot-dashboardAuthor:thibautrey