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

  1. User says "make it look like [brand]" → Find the matching reference file below
  2. Read the reference file from references/{site-name}.md
  3. Copy the DESIGN.md content into the user's project root as DESIGN.md
  4. Use the design tokens (colors, typography, spacing, components) when generating UI code

Available Design Systems

AI & Machine Learning

Installs
8
GitHub Stars
19
First Seen
May 15, 2026
awesome-design-md — bighardperson/computer-science-skills-collection