flowai-live-dashboard-template

仓库创建 2026年4月28日最近提交 3 小时前SkillHot 收录 20 天前

▸ 精选理由

内建交互和导出功能，适合展示成员、活动与贡献度数据。

这个 Skill 做什么

生成含标签页、图表交互与 CSV 导出的团队管理仪表盘 HTML。

生成一份团队管理仪表盘的单文件 HTML，包含多个标签页、KPI 行、成员表、角色分布图和在线/活跃度小图。适合想做可交互的管理后台或工作区统计页时使用，支持悬浮提示、面板放大和 CSV 导出等交互功能。整套文件无外部依赖，内置深色/浅色主题，方便直接部署或嵌入产品原型。

▸ 展开 SKILL.md 英文原文

Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity sparklines, and a top-contributors panel, all in a single self-contained HTML file with light/dark theming, hoverable chart tooltips, click-to-zoom panels, and CSV export. Use when the brief asks for a team / workspace admin dashboard, an interactive admin dashboard with charts, or names FlowAI.

内容创作仪表盘团队管理交互导出通用

8.2w

Stars

9.5k

Forks

仓库内 Skill

+6.3k

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/flowai-live-dashboard-template/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/flowai-live-dashboard-template/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# FlowAI Dashboard Skill

Produce a single-screen, multi-tab team management dashboard inspired by the
FlowAI aesthetic. The output is a self-contained HTML file (no external runtime
dependencies) with built-in interactions: tab switching, an animated bar chart,
hover tooltips on charts, click-to-zoom panels, dark mode toggle, and CSV
export of the visible team table.

## Resource map

```
flowai-live-dashboard-template/
├── SKILL.md
├── assets/
│   └── template.html          # reference seed used as the starting structure
├── references/
│   └── checklist.md           # P0/P1/P2 quality gates
└── example.html               # complete hand-built sample (gallery preview)
```

## Workflow

1.

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有