design-md

Name: design-md
Availability: InStock
Author: 519lab

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

Ready to run

npx skills add https://github.com/519lab/thoth-agent --skill design-md-519lab

💬 Prompt for ChatGPT / Claude Chat▼

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.