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.