Create prototype dashboard
Skill nexu-io/open-design/plugins/spec/examples/create-prototype-dashboard
🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
npx -y skills add nexu-io/open-design --skill create-prototype-dashboardAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
What its author says it does
Copied from the file, not written here
Create a polished operations dashboard prototype with dense KPIs, status tables, and a focused command-center layout.
The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.
SKILL.md
1.0 KB, as published. Nobody here has run it
Example Ops Dashboard
Use this plugin when the user wants a realistic product, operations, or customer-success dashboard prototype.
Workflow
- Identify the operator role, the key decisions they need to make, and the time window.
- Build a single-file HTML artifact with a persistent navigation rail, KPI row, primary chart area, and action table.
- Use real-looking labels and numbers instead of placeholders.
- Check that the layout works at laptop width and that tables remain readable.
- Return
index.htmlas 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.