A DESIGN.md has two parts: YAML front matter with machine-readable design tokens, and a markdown body...
A DESIGN.md has two parts: YAML front matter with machine-readable design tokens, and a markdown body with human-readable rationale. Tokens give an agent exact values; prose gives it the rules. Pairing them is the format's core insight.
The front matter: tokens
The front matter holds your colors, typography, spacing, rounded corners and components as typed values. It opens and closes with three dashes:
colors:
primary: "#1A1C1E"
DESIGN.md is an open format from Google Labs that describes a design system to AI coding agents. It...
To write DESIGN.md prose agents follow, describe intent and rules, not just values. A token says a...
Google open-sourced DESIGN.md — YAML tokens, a CLI linter, one-command Tailwind export. Great.But a...
DESIGN.md, CLAUDE.md and AGENTS.md are plain-text, repo-resident files that give AI coding agents...
The DESIGN.md CLI has four commands, run through npx with no install: lint, diff, export and spec....
If you've ever asked Cursor or Claude to build a UI component and gotten back something that looks...
