How to use the FlowAI Team Dashboard Template agent skill

What is an agent skill and what does this one make the agent do?

An agent skill is a folder with a SKILL.md file and optional template files that an AI agent reads when a request matches the skill's description. This skill is licensed under Apache-2.0 and is based on the FlowAI aesthetic.

When it is active, the agent produces one self-contained HTML file for a team or workspace admin dashboard. It starts from a bundled template and includes three tabs (Team Members, Team Details, Activity Log), KPI cards, a member table, charts with hover tooltips, click-to-zoom panels, light and dark mode, and a button that exports the visible team table to CSV.

• Output is a single HTML file with no build step and no internet connection needed to view it.
• Data is sample data generated by the agent, not connected to any service.
• The file is intended for prototyping and stakeholder mockups.

Install the skill from a ZIP file

Download the ZIP of the skill from the page where you found it. Then choose one of the following locations and unzip the folder there so the skill folder is named flowai-live-dashboard-template.

To make the skill available across your projects, unzip it into your personal skills folder. To limit it to one project, unzip it into that project's .claude/skills/ folder instead.

If you use the Claude apps rather than a folder-based setup, you can upload the skill instead under Settings, then Capabilities, then Skills.

• Personal install: ~/.claude/skills/
• Project install: the .claude/skills/ folder inside your project
• Claude apps: Settings → Capabilities → Skills, then upload the skill

Trigger the skill with a natural request

You do not need a special command. The agent decides to use the skill when your request matches its description. Asking for a team, workspace or admin dashboard, or mentioning FlowAI, is enough.

The skill lists these trigger phrases: flowai dashboard, team dashboard, team management dashboard, interactive admin dashboard, and workspace admin dashboard. It also lists the Chinese phrase 团队管理后台 and 可交互后台.

• Good: 'Make an interactive admin dashboard for managing our design team.'
• Good: 'Create a FlowAI-style team management dashboard with a member table and CSV export.'
• Be specific about tabs, charts or colours if you have preferences; the skill's example request names Team Members, Team Details, Activity Log, KPI cards, a role-distribution bar chart, top contributors and light/dark mode.

Check the result in a browser

Open the generated HTML file directly from disk in a web browser. Try switching tabs, hovering over charts to see tooltips, clicking a panel to zoom it, pressing Esc to restore it, toggling dark mode and clicking Export CSV.

The skill's quality checklist expects tab switching, chart tooltips, zoom behaviour, dark mode and CSV export to work. If something is missing, ask the agent to fix that specific behaviour in the same file.

• Tab switching: only one view should be visible at a time.
• Export CSV: should include the rows currently shown in the team table, including the Workflow column.

Safety notes: scripts and network

According to the skill's description, it does not run scripts and does not use the network. The output is designed to have no external runtime dependencies, and avatars are meant to be inline SVG or initial badges rather than photos loaded from a CDN.

The dashboard is static HTML with sample data. It does not provide authentication, a backend or a connection to any real team system, so do not paste real personnel data into it expecting it to be protected.

• Runs scripts: no
• Uses network: no
• Do not treat the output as a production admin system.

Tips for better dashboards

Ask for a clear list of tabs and metrics, and say whether you want light or dark mode as the default. Give the agent brand colours or typography only if you have a design system, because the skill maps tokens to existing CSS variables rather than inventing new ones.

The skill is designed to start from its bundled template rather than a blank page, so iterate by asking for changes to the existing file.

• Name the tabs and KPI cards you want.
• Describe the sample data domain, such as departments or roles.
• Ask for one change at a time when refining the layout.