Dashboard
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.
- skills.sh installs
- 290
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill dashboard --agent claude-codeInstalls into .claude/skills of the current project.
Files
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
Agent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Categories
- Frontend Development, Data Science & ML, Marketing & SEO, Design & UI/UX, CLI & Terminal
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Saas Landing277
- Mobile Onboarding276
- Mobile App268
- Wireframe Sketch264
- Magazine Poster259
- Critique255
- Social Carousel255
- Email Marketing249
- Motion Frames249
- Docs Page248
- Invoice248
- Sprite Animation247
- Blog Post245
- Pricing Page245
- Tweaks243
- Simple Deck242
- Finance Report240
- Digital Eguide239
- Magazine Web Ppt239
- Kanban Board238
- Gamified App236
- Pm Spec234
- Weekly Update234
- Dating Web233
Recommended
More Frontend Development1
wireframemarkdown-viewer/skillsCreate UI wireframes and mockups using drawio XML format with platform-specific UI component libraries. Best for web page layouts, iOS/Android mobile app mockup283skills.sh installs
wireframemarkdown-viewer/skillsCreate UI wireframes and mockups using drawio XML format with platform-specific UI component libraries. Best for web page layouts, iOS/Android mobile app mockup283skills.sh installs2
saas-landingnexu-io/open-designSingle-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "s277skills.sh installs
saas-landingnexu-io/open-designSingle-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "s277skills.sh installs3
design-spec-extractionpedronauck/skillsExtract comprehensive, production-ready JSON design specifications from visual inputs using a 7-pass serial architecture with cross-validation. Use when convert271skills.sh installs
design-spec-extractionpedronauck/skillsExtract comprehensive, production-ready JSON design specifications from visual inputs using a 7-pass serial architecture with cross-validation. Use when convert271skills.sh installs4
ux-design-systemshoodini/ai-agents-skillsBuild consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems,270skills.sh installs
ux-design-systemshoodini/ai-agents-skillsBuild consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems,270skills.sh installs5
rails-design-systempproenca/dot-skillsRuby on Rails design system guidelines for building consistent, maintainable UI with minimal abstraction. This skill should be used when creating or refactoring270skills.sh installs
rails-design-systempproenca/dot-skillsRuby on Rails design system guidelines for building consistent, maintainable UI with minimal abstraction. This skill should be used when creating or refactoring270skills.sh installs6
hot-reload-optimizerpatricio0312rev/skillsOptimizes hot module replacement and fast refresh for development speed with Vite, Next.js, and webpack configurations. Use when users request "hot reload", "HM264skills.sh installs
hot-reload-optimizerpatricio0312rev/skillsOptimizes hot module replacement and fast refresh for development speed with Vite, Next.js, and webpack configurations. Use when users request "hot reload", "HM264skills.sh installs