Dashboard
If you're building admin panels or analytics interfaces and want them to look like a modern cloud platform instead of a spreadsheet, this gives you a complete design system with tokens, component rules, and accessibility checklists baked in. It's opinionated about things like 8pt grids, IBM Plex Sans, and dark glass-like panels inspired by Heroku and Vercel. The workflow is solid: you get token definitions first, then component anatomy with all the states (hover, focus, error, loading), plus concrete dos and don'ts instead of vague guidance. It's heavy on structure and light on decoration, which is exactly what you want when you're trying to make data readable at a glance.
- skills.sh installs
- 196
- GitHub stars
- 1.1K
- last updated
- Jun 3, 2026
Install
$ npx -y skills add bergside/awesome-design-md-skills --skill dashboard --agent claude-codeInstalls into .claude/skills of the current project.
Files
If you're building admin panels or analytics interfaces and want them to look like a modern cloud platform instead of a spreadsheet, this gives you a complete design system with tokens, component rules, and accessibility checklists baked in. It's opinionated about things like 8pt grids, IBM Plex Sans, and dark glass-like panels inspired by Heroku and Vercel. The workflow is solid: you get token definitions first, then component anatomy with all the states (hover, focus, error, loading), plus concrete dos and don'ts instead of vague guidance. It's heavy on structure and light on decoration, which is exactly what you want when you're trying to make data readable at a glance.
Browse the repository on GitHubSponsors
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 languageDetails
- Repository
- github.com/bergside/awesome-design-md-skills
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from bergside/awesome-design-md-skills
All 2Recommended
More Design & UI/UX
axiom-higcharleswiltgen/axiomUse when making design decisions, reviewing UI for HIG compliance, choosing colors/backgrounds/typography, or defending design choices - quick decision framewor192skills.sh installs
html-ppt-pitch-decknexu-io/open-designInvestor-ready 10-slide HTML pitch deck — white + blue→purple gradient hero, big numbers, traction bar chart, $4.5M-style ask page. Use when the user wants a fu190skills.sh installs
scroll-storytelleringpoc/skillsUse when creating interactive scroll-based storytelling experiences with mouse-following spotlight effects, animated SVG art, and the Anthropic design language.186skills.sh installs
frontend-css-patternsmajesticlabs-dev/majestic-marketplaceFramework-agnostic CSS patterns for typography, color, motion, and spatial composition.182skills.sh installs