skills.rest
519lab
519labOFFICIAL
Explore all skills by this author →
WebsiteGitHub

design-md

Author, validate, and export Google DESIGN.md files to Tailwind or W3C DTCG JSON.

2|Updated May 22, 2026
Search Tags:#ui#accessibility#tokens#google#design-system
One-click install
npx skills add https://github.com/519lab/thoth-agent --skill design-md-519lab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/519lab/thoth-agent/tree/main/skills/creative/design-md
Command: npx skills add https://github.com/519lab/thoth-agent --skill design-md-519lab

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @google/design.md, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the need for a streamlined process to author, validate, and export Google's DESIGN.md token spec files, ensuring consistency and accessibility in UI/branding across projects.

Core Features & Use Cases

  • Authoring: Facilitates the creation of DESIGN.md files with YAML front matter and Markdown body.
  • Validation: Checks for structural integrity, token references, and WCAG contrast compliance.
  • Exporting: Converts DESIGN.md files into Tailwind or W3C DTCG JSON formats.
  • Use Case: Ideal for designers and developers who need to maintain a consistent design system across multiple projects, ensuring accessibility and brand consistency.

Quick Start

Use the design-md skill to create a new DESIGN.md file for your brand and validate it for WCAG compliance.

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 for WCAG accessibility in a Markdown spec file?▼

DESIGN.md files are validated for WCAG accessibility by checking structural integrity, token references, and contrast compliance directly within the Markdown and YAML formats to ensure UI consistency.

Can I export design tokens to Tailwind config or W3C DTCG JSON?▼

Yes, DESIGN.md files export to Tailwind or W3C DTCG JSON formats, converting YAML front matter and Markdown body token specifications into framework-ready configuration outputs.

Do I need the @google/design.md CLI tool to author and validate a DESIGN.md file?▼

Yes, the @google/design.md CLI tool is required to author, validate, and export DESIGN.md spec files, ensuring structural compliance and token integrity across your design system.

What is the best way to maintain brand consistency across multiple UI projects?▼

Authoring and validating DESIGN.md token spec files maintains brand consistency by enforcing structural compliance, token integrity, and WCAG contrast accessibility across multiple UI projects.

How do I create a DESIGN.md file with YAML front matter and Markdown body?▼

Authoring a DESIGN.md file involves structuring UI design tokens using YAML front matter for metadata and a Markdown body for documentation, which is then validated for structural compliance.

Related Skills

Explore More Design & Creative Skills→
juliuss1907juliuss1907

design-md

Create, validate, and export Google DESIGN.md files with YAML front matter and WCAG checks.

Community
Advanced
lxh755818-botlxh755818-bot

design-md

Create, validate, and export Google DESIGN.md design system specs.

Community
Advanced
SignmanalSignmanal
1

design-md

Author, validate, and export DESIGN.md design token files to Tailwind or W3C DTCG JSON.

Community
Intermediate
paxlabs-incpaxlabs-inc
7

design-md

Author, validate, and export design tokens using Google DESIGN.md.

Community
Advanced