Agent skill · Data & Analytics

create-prototype-dashboard

Create a polished operations dashboard prototype with dense KPIs, status tables, and a focused command-center layout.

nexu95,528★ · +2,037/wk · 5 repos on radarProfile →
claude-codecodexcursorApache-2.0
Install
npx skills add nexu-io/open-design --skill create-prototype-dashboard --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 7
SKILL.md size: 1 KB
Bundled scripts: none
Version: 0.1.0
Declared author: Open Design Spec Examples
Path: plugins/spec/examples/create-prototype-dashboard/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 83,577 · +1,339 this week
Language: TypeScript
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

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

What's inside
Steps it walks through
  1. Workflow
  2. Quality Checks
Ships with 6 files
  • README.md
  • assets/seed-brief.md
  • evals/evals.json
  • example.html
  • open-design.json
  • preview/index.html
More from open-design
All skills →
About this skill
What does the create-prototype-dashboard skill do?

Create a polished operations dashboard prototype with dense KPIs, status tables, and a focused command-center layout.

How do I install it?

Run `npx skills add nexu-io/open-design --skill create-prototype-dashboard --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From nexu-io/open-design, a repository with 83,577 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going