FlowAI Team Dashboard
Generates a three-tab team admin dashboard page with charts and CSV export
- Repository
- nexu-io/html-anything
- Stars
- 9,376
- Licence
- Apache-2.0
- Files
- 2 files
What it does
This skill is a design template that tells an AI agent how to build a single-page team management dashboard in the FlowAI visual style. When installed, asking the agent for a team admin page gives you a layout with Members, Details and Activity Log tabs, KPI stats, a member table with roles and status, role charts, online presence, and a top contributors panel. It also adds light/dark mode and a client-side CSV export button.
Great for
- Designers prototyping an internal team or admin dashboard quickly
- Front-end developers who want a starting HTML layout to adapt
- Teams that already follow the FlowAI visual style
Skip it if
- Production apps that need real team data, since the template is static layout guidance and does not connect to a backend (it is not a working system)
- Anyone expecting a ready-made, secure access-controlled admin tool, because the skill itself says nothing about authentication or permissions
Try asking
- “Build a team management dashboard with member table, role chart and CSV export”
- “Make a dark-mode admin page with three tabs for members, details and activity log”
- “Create a desktop 1440px team overview with KPI stats and activity sparklines”
Install in 3 steps
- 1
Download the skill
The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.
flowai-team-dashboard.zip - 2
Add it to your agent
Claude Code (all projects)
mkdir -p ~/.claude/skills && unzip flowai-team-dashboard.zip -d ~/.claude/skills/Claude Code / Agent SDK (this project only)
mkdir -p .claude/skills && unzip flowai-team-dashboard.zip -d .claude/skills/Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.
- 3
Ask for the task
No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.
Get better results
- Specify your own data fields and sample names so the generated table matches your needs
- Ask for the example.html style explicitly if you want the FlowAI look kept consistent
- Review the generated CSV export and any charting code before using it with real personal data
What's inside
- example.html
- SKILL.md
Redistributed unmodified from nexu-io/html-anything under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.