Skill6.7k estrellas del repoactualizado 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.

Ver fuente Repositorio: html-anything

Instalar en Claude Code

Copiar

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

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

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 / 数据库表配色风格

Del mismo repositorio

article-magazineSkill

Substack / Medium 高级感长文排版, 适合公众号、博客发布

blog-postSkill

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

card-twitterSkill

推特金句 / 数据卡, 适合配推文

card-xiaohongshuSkill

小红书风格知识卡片, 多张联排可滑动浏览

competitive-teardownSkill

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

dashboardSkill