Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →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.
| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-13 | ✗→✓ | ▲ Improved | 26% | 0% |
| case-10 | ✓→✗ | ▼ Worse | 8% | 0% |
| case-14 | ✓→✗ | ▼ Worse | 37% | 0% |
| case-22 | ✓→✗ | ▼ Worse | 87% | 0% |
| case-20 | ✓→✗ | ▼ Worse | 8% | 0% |
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.
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)spacing, and component styling tokens to the CSS variables used by assets/template.html. Do not invent new tokens.
assets/template.html; never generate the shell from blank.Team Members, Team Details, Activity Log. Tabs mustactually switch and only one view is visible at a time.
departments, dates, percentages). No Member A / Metric B placeholders.
#members | #details | #activity)including the Workflow column
references/checklist.md before final output.Emit one short orientation sentence, then the artifact:
xml<artifact identifier="flowai-team-dashboard" type="text/html" title="FlowAI Team Dashboard"> <!doctype html> <html>...</html> </artifact>
The artifact must render correctly when opened directly from disk with no build step and no network access.
Other measured skills in the registry, with their headline benchmark lift.