design-md
Installation
SKILL.md
design-md — 74 brand design-system references
A curated set of DESIGN.md files distilled from well-known brand websites. Each one
captures a real design system in AI-readable form: color palette with semantic roles,
typography hierarchy, component rules, layout principles, and depth / elevation. Hand
one to a coding agent and it can generate UI that matches that brand's look.
Source content: voltagent/awesome-design-md (MIT). This skill is a thin index + workflow layer over that library.
When to use this skill
- The user asks for UI / a landing page / a component in a named brand's style ("like Linear", "make it feel like Stripe", "give it an Apple vibe").
- You need to pick a design direction from real systems instead of inventing one.
- You want a concrete set of design tokens (colors / type scale / component rules) as a
starting point before handing off to
frontend-design/tailwind-design-system.