Skill9.2k repo starsupdated 16d 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.

View source Repository: html-anything

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.

Definition

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 按钮 (前端实现)