็™ป้Œฒใ—ใฆๆ‹›ๅพ…ใƒชใƒณใ‚ฏใ‚’ๅ…ฑๆœ‰ใ™ใ‚‹ใจใ€ๅ‹•็”ปๅ†็”Ÿๅ ฑ้…ฌใจ็ดนไป‹ๅ ฑ้…ฌใ‚’็ฒๅพ—ใงใใพใ™ใ€‚

Alvaro Cintas
@dr_cintas
Educating about AI, Cybersecurity and Technology | Professor | PhD in Computer Science & Engineering
ๅ‚ๅŠ  July 2019
192 ใƒ•ใ‚ฉใƒญใƒผไธญ    132.6K ใƒ•ใ‚กใƒณ
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 ๐Ÿ‘‡
ใ‚‚ใฃใจ่ฆ‹ใ‚‹