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.

Workflow

Installs
37
GitHub Stars
5
First Seen
Aug 16, 2026
design-md — arumwu/design-md-skill