Skill6.7k repo starsupdated 11d ago

live-dashboard

The live-dashboard Claude Code generates a Notion-style team dashboard displaying key performance indicators through card grids, seven-day sparkline trend charts, a real-time activity feed with user avatars and timestamps, and a linked database task table with status indicators. Use this when building internal team monitoring interfaces that require visual KPI tracking and activity oversight without requiring external data sources, as it includes fallback seed data for demonstration purposes.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/live-dashboard && cp -r /tmp/live-dashboard/next/src/lib/templates/skills/live-dashboard ~/.claude/skills/live-dashboard

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

【模板: Live Team Dashboard】
【意图】Notion 风的团队动态总览, 即使没有数据源也用 seed 数据兜底。
【布局】
- Header (团队 + 时间窗)
- KPI 卡片网格
- 7 天 sparkline 趋势
- Real-time activity feed (avatar + 动作 + 时间)
- Linked database task table (zebra + 状态 pill)
【设计细节】
- Notion-callout / toggle / 数据库表配色风格