mcpField
F
flowai-team-dashboard

flowai-team-dashboard

github.com/nexu-io设计与 UI9.3k40 次安装2 周前更新
代码仓库

关于 flowai-team-dashboard

用于制作 FlowAI 风格团队管理单页仪表板的设计技能,适合展示成员、团队信息和活动记录的管理界面。

主要功能

  1. 01团队成员、详情和活动标签页
  2. 02KPI 统计和成员表格
  3. 03角色分布图表
  4. 04在线状态和活动迷你图
  5. 05贡献者面板与 CSV 导出
  6. 06主题切换和面板缩放

适用场景

  1. 01构建团队成员管理界面
  2. 02查看角色分布和在线状态
  3. 03将仪表板数据导出为 CSV

安装

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

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

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

附带文件example.html

详细介绍

【模板:FlowAI 团队管理仪表板】 【意图】FlowAI 风格的团队管理管理员单页。 【布局】

  • 选项卡:团队成员 / 团队详情 / 活动日志
  • KPI 统计行
  • 成员表格(头像 + 角色 + 状态)
  • 角色分布条形图
  • 在线状态 + 活动迷你图
  • 顶级贡献者面板 【设计细节】
  • 浅色/深色切换、悬停提示、点击放大面板
  • CSV 导出按钮(前端实现)

评论

支持 Markdown