Agent skill · design visual · nexu-io
create-prototype-dashboard
Create a polished operations dashboard prototype with dense KPIs, status tables, and a focused command-center layout.
Why this skill is useful
Provides a specific workflow for creating a prototype dashboard with defined layout and quality checks that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Example Ops Dashboard Use this plugin when the user wants a realistic product, operations, or customer-success dashboard prototype. Workflow 1. Identify the operator role, the key decisions they need to make, and the time window. 2. Build a single-file HTML artifact with a persistent navigation rail, KPI row, primary chart area, and action table. 3. Use real-looking labels and numbers instead of placeholders. 4. Check that the layout works at laptop width and that tables remain readable. 5. Return index.html as the primary artifact. Quality Checks The dashboard is useful for scanning and repeated work. The main action table has status, owner, priority, and next step columns. Text stays inside compact controls and cards. No external network assets are required.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/create-prototype-dashboard