Design MD Skill

Provides access to DESIGN.md files from 70+ popular brand design systems. DESIGN.md is a plain-text design system document (introduced by Google Stitch) that AI agents read to generate consistent UI. It defines colors, typography, components, layout, depth, and design rules.

How to Use

When the user asks to use a specific brand's design system (e.g. "use Vercel design", "build this like Apple", "apply Stripe's style"):

1. Identify the brand slug

Match the user's request to the slug from the catalog below. Slugs are directory names.

2. Get the DESIGN.md

• Bundled brands (top 20): Read the file directly from brands/{slug}/DESIGN.md relative to this skill's directory.
• All other brands: Use webfetch to fetch from: https://raw.githubusercontent.com/voltagent/awesome-design-md/main/design-md/{slug}/DESIGN.md

3. Write DESIGN.md to project root