design-md

Validate DESIGN.md YAML tokens and export to Tailwind theme JSON.

1|Updated May 16, 2026
One-click install
npx skills add https://github.com/devMoez/titan --skill design-md-devmoez
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/devMoez/titan/tree/main/skills/creative/design-md
Command: npx skills add https://github.com/devMoez/titan --skill design-md-devmoez

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It removes guesswork when creating or maintaining a DESIGN.md by validating token structure, checking accessibility contrast, and preventing regressions through diffs.

Core Features & Use Cases

  • Author and validate DESIGN.md specs with a strict structure for YAML tokens plus a human rationale section order.
  • Check accessibility and contrast for component text/background pairs using WCAG-based rules.
  • Diff and export tokens to formats like Tailwind theme JSON and W3C DTCG JSON for downstream integration.

Quick Start

Use the design-md skill to lint and export your DESIGN.md into Tailwind theme JSON.

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 in a DESIGN.md file?

Validate DESIGN.md design tokens by applying strict YAML schema validation, canonical section ordering, and dotted-path token reference resolution to ensure structural integrity for coding agents.

Can I check WCAG accessibility contrast for my design tokens?

Yes, you can check WCAG accessibility contrast by testing component text and background color pairs using WCAG-based rules to ensure your UI design tokens meet accessibility standards.

How do I export design tokens to a Tailwind theme JSON?

Export design tokens to Tailwind theme JSON using the @google/design.md CLI, which converts validated DESIGN.md specifications into downstream framework configurations.

What is the best way to prevent design token regressions across versions?

Prevent design token regressions by running diff functionality via the @google/design.md CLI to compare changes across DESIGN.md file versions and detect unintended modifications.

Does the design-md skill require any external dependencies?

The design-md skill has zero dependencies, but operationalizing export and diff functionality requires the @google/design.md CLI to process your DESIGN.md files.