awesome-design-md
Installation
SKILL.md
Awesome DESIGN.md
A curated collection of 54 DESIGN.md files extracted from real, developer-focused websites. Each file is a complete design system specification that AI agents can read to generate pixel-perfect, brand-consistent UI.
What is DESIGN.md?
DESIGN.md is a concept introduced by Google Stitch — a plain-text design system document that AI agents read to generate consistent UI. It's just a markdown file. Drop it into your project root and any AI coding agent instantly understands how your UI should look.
How to Use
- User says "make it look like [brand]" → Find the matching reference file below
- Read the reference file from
references/{site-name}.md - Copy the DESIGN.md content into the user's project root as
DESIGN.md - Use the design tokens (colors, typography, spacing, components) when generating UI code