design-md

Generate, validate, and export design tokens using Google's DESIGN.md specification.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation and management of Google's DESIGN.md files, allowing for easy validation, diffing, and export of design tokens.

Core Features & Use Cases

  • Design Tokens Authoring: Generate design tokens with YAML front matter and Markdown body.
  • File Validation: Ensure structure and WCAG compliance of DESIGN.md files.
  • Version Diffing: Compare and manage different versions of design files.
  • Export: Convert design tokens to Tailwind or W3C DTCG JSON for further use.
  • Use Case: Ideal for designers or developers looking to create or manage design systems for consistent UI branding across multiple projects.

Quick Start

Generate a new DESIGN.md file for your brand with design-md create --name "MyBrand" --description "One-sentence description".

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I generate and export design tokens to Tailwind or DTCG JSON?

To generate and export design tokens, you author tokens using YAML front matter and a Markdown body, then validate the structure and export the design tokens to Tailwind or W3C DTCG JSON formats for UI system integration.

What is a DESIGN.md file and when do I need it for my design system?

A DESIGN.md file is a specification format for defining design tokens and rationale. You need it to manage UI branding specifications, allowing for consistent validation, version diffing, and export of design tokens across multiple projects.

How do I validate design tokens for WCAG accessibility compliance?

You validate design tokens for WCAG accessibility compliance by checking your DESIGN.md files, which ensures the structure and accessibility standards of your token definitions are met before exporting them for development use.

Can I compare and manage different versions of design token files?

Yes, you can compare and manage different versions of design token files using version diffing capabilities, which allows you to track changes and maintain consistency across evolving UI branding specifications.

How do I create a new DESIGN.md file for my brand specification?

You create a new DESIGN.md file by running the create command with your brand name and a one-sentence description, generating a structured file ready for design token authoring and validation.

Do I need specific dependencies to author and export design tokens?

No specific dependencies are required to author and export design tokens, as the Skill handles YAML and Markdown parsing, WCAG validation, and conversion to Tailwind or DTCG JSON natively within its environment.