Featured Skill

Validate your DESIGN.md against the Google spec

Lint structure, check WCAG contrast, find broken token references, and export to Tailwind — using the official @google/design.md CLI. Always the latest version, zero config.

npx skills add https://github.com/fabricioctelles/skills -s design-md-validator
lintdiffexportWCAG AATailwind v4DTCG

Powered by @google/design.md — 26k+ ⭐ on GitHub • Official Spec

View full documentation →

What it validates

broken-ref

Token references that don’t resolve to any defined token

missing-primary

Colors defined but no primary color exists

contrast-ratio

Component backgroundColor/textColor pairs below WCAG AA minimum (4.5:1)

orphaned-tokens

Color tokens defined but never referenced by any component

token-summary

Summary of how many tokens are defined in each section

missing-sections

Optional sections (spacing, rounded) absent when other tokens exist

missing-typography

Colors defined but no typography tokens exist

section-order

Sections appear out of the canonical order defined by the spec

unknown-key

A top-level YAML key looks like a typo of a known schema key (e.g. colours: → colors:)

token-like-ignorednext release

A top-level YAML key that looks like a design-token map but is not part of the recognized schema and will be silently ignored

More skills from this repo

9 skills

Install all skills at once:

npx skills add https://github.com/fabricioctelles/skills

Full catalog at skilldev.pro →

Compatible with: Claude Code • Cursor • Kiro • Windsurf • Codex • Gemini CLI