Parse and validate Google DESIGN.md token spec files for structure and references.
npx skills add https://github.com/StarryCod/cogitum --skill design-md-starrycod
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/StarryCod/cogitum/tree/main/cogitum/data/skills/creative/design-md Command: npx skills add https://github.com/StarryCod/cogitum --skill design-md-starrycod
DESIGN.md is Google's open spec (Apache-2.0, google-labs-code/design.md) for describing a visual identity to coding agents. One file combines:
The CLI (npx @google/design.md) lint, diff, and export to Tailwind or DTCG JSON.
Install and run the DESIGN.md CLI on your DESIGN.md file to lint, then optionally diff and export tokens.
High-intent search queries and answers about installing and using this skill.
You can lint a DESIGN.md token spec by running the CLI to verify YAML frontmatter structure, token references, and WCAG contrast compliance. This ensures your machine-readable design tokens and markdown rationale maintain a canonical schema.
Export design tokens to Tailwind theme JSON or W3C DTCG JSON by applying the export tool to your DESIGN.md file. This converts YAML frontmatter normative values into formats compatible with coding agents and design tooling.
Diff DESIGN.md versions to detect token regressions by comparing the YAML frontmatter normative values across file versions. This highlights structural changes and token reference updates to track visual identity shifts over time.
Yes, you can port a brand style guide into a DESIGN.md token spec to provide coding agents with machine-readable design tokens. This combines normative YAML values with markdown rationale to automate consistent UI implementation.
Yes, the DESIGN.md schema enforces a canonical token schema in YAML frontmatter and a strict section order in the markdown body. This structure is required for the lint, diff, and export processes to validate token references correctly.
HarriesDefine design tokens with rationale in a single DESIGN.md file.
FlyFireFCreate, validate, and export Google DESIGN.md files to Tailwind or DTCG JSON.
josephblaisValidate design system tokens against WCAG AA/AAA accessibility standards.
sheawinklerLint DESIGN.md files to enforce token structure and naming conventions.
