This đđđĻđđđĄ.đēđą stops Claude Code and Codex from đđĩđļđŊđŊđļđģđ´ đ´đ˛đģđ˛đŋđļđ° đđ đ¨đ.
It's Google's open format. Stitch reads it natively. Claude Code and Codex read it once you add one line to AGENTS .md:
"Read DESIGN .md before any UI work."
Tokens on top, rules below:
â Overview
â Colors
â Typography
â Layout
â Elevation & Depth
â Shapes
â Components
â Do's and Don'ts
The agent stops inventing a new color and spacing value on each screen, so đ˛đđ˛đŋđ đđ°đŋđ˛đ˛đģ đšđŧđŧđ¸đ đšđļđ¸đ˛ đđĩđ˛ đđŽđēđ˛ đŊđŋđŧđąđđ°đ.
Claude Code users: also install the official frontend plugin:
/plugin install frontend-design
@claude-plugins-official
Check your file against the spec:
npx
@google/design.md lint DESIGN .md
Copy and paste it into your DESIGN .md đ