Summary
Generates a complete admin dashboard in a single HTML file with fixed sidebar navigation, top bar with search and user controls, and a main area filled with KPI cards and inline SVG charts. Everything pulls from your design system tokens, so you get real colors and typography instead of generic grays. The charts are hand-coded polylines and rectangles, not library dependencies, which keeps it fast and hackable. Works well when you need to prototype analytics screens, ops panels, or any "show me the numbers" interface without spinning up a framework. The layout stays semantic with proper landmarks and data attributes for comment mode.
Install to Claude Code
npx -y skills add nexu-io/open-design --skill dashboard --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →First SeenJun 3, 2026
