design-md-validator

Featured

Validate DESIGN.md files against the official Google specification using the `@google/design.md` CLI linter. Works with local files. Use when the user wants to lint a DESIGN.md, check spec compliance, find broken token references, verify WCAG contrast ratios, diff two versions, export tokens to Tailwind or DTCG format, or audit a design system file for structural correctness. Trigger on mentions of "validate DESIGN.md", "lint DESIGN.md", "check my design.md", "design.md spec compliance", "WCAG contrast check", "broken token references", "design token validation", "export design tokens", "diff design systems", "design.md audit", "@google/design.md", "npx design.md lint", "design system validation", "frontmatter tokens", or any request to verify a DESIGN.md file.

Web & Frontend 77 stars 7 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 88/100

Stars 20%
63
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# design-md-validator Validate, lint, diff, and export DESIGN.md files using the official Google `@google/design.md` CLI. Always uses the latest published version from npm — no vendored copy, always up-to-date with the spec. --- ## When to Use | Trigger | Action | |---|---| | User has a DESIGN.md file and wants validation | `lint` | | User wants to compare two versions | `diff` | | User wants to export tokens to Tailwind/DTCG | `export` | | User wants to see the current spec | `spec` | | User shares a URL to a raw DESIGN.md | Download locally first | | User asks "is my design.md valid?" | `lint` + interpret findings | --- ## Core Commands All commands use `npx @google/design.md` to ensure the latest version is always used. Never install globally — `npx` resolves from the public npm registry. ### Lint (validate) ```bash npx @google/design.md lint DESIGN.md ``` Output: JSON with `findings[]` and `summary { errors, warnings, infos }`. Exit code 1 if errors found, 0 otherwise. ### Diff (compare versions) ```bash npx @google/design.md diff DESIGN.md DESIGN-v2.md ``` Output: JSON with token-level changes (added, removed, modified) and regression flag. Exit codes: `0` no regression, `1` regression (errors in "after" > errors in "before"), `2` input failure (file not found or unreadable). ### Export (to other formats) ```bash # Tailwind v3 config npx @google/design.md export --format json-tailwind DESIGN.md # Tailwind v4 CSS theme npx @google/design.md export --format...

Details

Author
fabricioctelles
Repository
fabricioctelles/skills
Created
6 months ago
Last Updated
today
Language
Python
License
Apache-2.0

Similar Skills

Semantically similar based on skill content — not just same category