design-md
Author, consume, and enforce a DESIGN.md design system spec (Google Labs open format, package @google/design.md). This skill should be used when the project has a DESIGN.md at the root or under docs/, when the user mentions "design tokens", "design system spec", "DESIGN.md", "tokens.json", needs to translate a design system into Tailwind theme config, export tokens to DTCG, lint token consistency, diff design system revisions, or check WCAG contrast on component color pairs. Acts as the upstream source of truth for the impeccable sub-commands (colorize/typeset/audit/critique), web-design-guidelines, and shadcn.
Pinned to revision 7a07e3df018f, so it is the text this page describes rather than whatever the author pushed since.
Pre-approved tools experimental
Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.
- Bash(npx @google/design.md*)
- Bash(npx @google/design.md@latest *)
- Read
- Write
- Edit
- Glob
- Grep
- WebFetch
Files
- skills/design-md/SKILL.md
- skills/design-md/references/upstream-README.md
- skills/design-md/references/upstream-spec.md
Every link opens the file at its source, pinned to the revision this page describes.