skills.rest
SatangThevalue
SatangThevalueCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-md

Lint, validate, and export DESIGN.md token specifications to Tailwind or DTCG JSON.

Updated Jun 1, 2026
Search Tags:#validation#wcag#lint#export#design-tokens#design-md
One-click install
npx skills add https://github.com/SatangThevalue/ai-skills --skill design-md-satangthevalue
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/SatangThevalue/ai-skills/tree/main/skills/creative/design-md
Command: npx skills add https://github.com/SatangThevalue/ai-skills --skill design-md-satangthevalue

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams author, validate, and export Google's DESIGN.md token specifications, ensuring a single source of truth for design tokens and accessibility checks.

Core Features & Use Cases

  • Lint and validate the DESIGN.md structure, token references, and WCAG contrast.
  • Diff versions to detect regressions in token definitions and styling guidance.
  • Export tokens to Tailwind or W3C DTCG JSON for downstream design tooling.

Quick Start

Run the CLI to lint your DESIGN.md and verify token structure and accessibility rules.

Frequently Asked Questions about design-md

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I validate design tokens and check WCAG contrast in a DESIGN.md file?▼

You can validate design tokens and check WCAG contrast by running the @google/design.md CLI to lint your DESIGN.md file, verifying both token structure and accessibility rules.

How do I export design tokens to Tailwind or DTCG JSON from DESIGN.md?▼

Export design tokens to Tailwind or W3C DTCG JSON by running the design.md CLI, generating standardized output files for downstream design tooling and frameworks.

Can I diff design token versions to detect styling regressions in DESIGN.md?▼

Yes, you can diff DESIGN.md versions using the CLI to detect regressions in token definitions and styling guidance, ensuring consistent design system updates across projects.

Do I need the @google/design.md CLI to lint and export DESIGN.md token specifications?▼

Yes, the @google/design.md CLI is required to lint, diff, and export DESIGN.md token specifications, serving as the single source of truth for design tokens and accessibility checks.

What is DESIGN.md token specification validation used for in design systems?▼

DESIGN.md token specification validation is used to author and maintain a single source of truth for design tokens, ensuring structure, references, and WCAG contrast checks pass across projects.

Related Skills

Explore More Design & Creative Skills→
ashiqcodeleafashiqcodeleaf

design-md

Validate Google DESIGN.md design tokens and convert to Tailwind CSS or W3C DTCG JSON.

Community
Advanced
GDSDNGDSDN
3

extract-tokens

Extract design tokens from consolidated patterns into W3C DTCG-compliant JSON.

Community
Advanced
andronicsandronics
1

color-tools

Generate accessible color palettes and validate WCAG contrast for UI designs.

Community
Intermediate
CyapstayeCyapstaye
9

design-md

Create, lint, and export DESIGN.md design tokens to Tailwind themes or W3C DTCG JSON.

Community
Intermediate