mcpField
L
live-dashboard

live-dashboard

github.com/nexu-io生产力9.3k43 次安装2 周前更新
代码仓库

关于 live-dashboard

用于展示团队动态的 Notion 风格仪表板模板,即使没有数据源也可使用种子数据填充。页面包含 KPI、七天趋势、实时动态和任务表格。

主要功能

  1. 01团队与时间范围标题栏
  2. 02KPI 卡片网格
  3. 03七天 sparkline 趋势
  4. 04实时动态信息流
  5. 05关联数据库任务表

适用场景

  1. 01汇总团队近期活动
  2. 02查看 KPI 与一周趋势
  3. 03浏览动态并跟踪任务状态

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/nexu-io/html-anything --skill live-dashboard

安装后在 Claude Code 中输入/live-dashboard确认已加载。

附带文件example.html

README 原文English

来自项目 README

README 暂无中文译文,以下为英文原文;中文介绍见上方。

【模板: Live Team Dashboard】 【意图】Notion 风的团队动态总览, 即使没有数据源也用 seed 数据兜底。 【布局】

  • Header (团队 + 时间窗)
  • KPI 卡片网格
  • 7 天 sparkline 趋势
  • Real-time activity feed (avatar + 动作 + 时间)
  • Linked database task table (zebra + 状态 pill) 【设计细节】
  • Notion-callout / toggle / 数据库表配色风格

评论

支持 Markdown