Skip to main content
ClaudeWave
Skill6.7k repo starsupdated 11d ago

flowai-team-dashboard

This Claude Code skill creates a team management dashboard with three tabs for displaying team members, organizational details, and activity logs. It includes KPI statistics, member tables with role and status information, role distribution charts, and contributor panels, plus frontend CSV export functionality and light/dark mode support suitable for administrative team oversight interfaces.

Install in Claude Code
Copy
git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/flowai-team-dashboard && cp -r /tmp/flowai-team-dashboard/next/src/lib/templates/skills/flowai-team-dashboard ~/.claude/skills/flowai-team-dashboard
Then start a new Claude Code session; the skill loads automatically.

SKILL.md

【模板: FlowAI 团队管理 Dashboard】
【意图】FlowAI 美学的团队管理 admin 单页。
【布局】
- Tabs: Team Members / Team Details / Activity Log
- KPI stat row
- Member table (avatar + 角色 + 状态)
- Role distribution bar chart
- Online presence + activity sparklines
- Top contributors panel
【设计细节】
- light/dark 切换, hover tooltip, click-to-zoom panels
- CSV export 按钮 (前端实现)