This is a design system skill built for high-end brands that need a dark, monochromatic aesthetic with Oswald headings and 8pt spacing grids. It comes with opinionated tokens for black surfaces and white text, plus a structured workflow for writing component guidelines that engineers can actually use. The skill forces you to think tokens-first and includes accessibility gates at every step, which is good because dark UIs often fail contrast checks. If you're building something that needs to feel expensive and you want consistent rules instead of making it up as you go, this gives you the guardrails. The QA checklist approach is solid for code reviews.
- skills.sh installs
- 133
- GitHub stars
- 1.1K
- last updated
- Jun 3, 2026
Install
$ npx -y skills add bergside/awesome-design-md-skills --skill luxury --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is a design system skill built for high-end brands that need a dark, monochromatic aesthetic with Oswald headings and 8pt spacing grids. It comes with opinionated tokens for black surfaces and white text, plus a structured workflow for writing component guidelines that engineers can actually use. The skill forces you to think tokens-first and includes accessibility gates at every step, which is good because dark UIs often fail contrast checks. If you're building something that needs to feel expensive and you want consistent rules instead of making it up as you go, this gives you the guardrails. The QA checklist approach is solid for code reviews.
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
kami-decknexu-io/open-designProduce a print-grade slide deck in the kami (紙 / 纸) design system — warm parchment background (or ink-blue for cover / chapter slides), serif at one weight, in133skills.sh installs
remotion-renderinference-sh/skillsRender videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, 1.6Mskills.sh installs
hyperframesheygen-com/hyperframesMandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, expla1.5Mskills.sh installs
agent-browservercel-labs/agent-browserBrowser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking scr1.4Mskills.sh installshyperframes-creativeheygen-com/hyperframesNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, au917.1Kskills.sh installshyperframes-keyframesheygen-com/hyperframesUse when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2754.8Kskills.sh installs