Skip to content
Get packs

FlowAI Team Dashboard

Generates a three-tab team admin dashboard page with charts and CSV export

Source Download skill
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”
Step-by-step guide: how to use FlowAI Team DashboardInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 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. 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. 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.