skills.rest
shuff57
shuff57COMMUNITY
Explore all skills by this author →
GitHub

design-md

Create, validate, and export Google DESIGN.md files to Tailwind CSS and W3C DTCG JSON.

Updated Mar 29, 2026
Search Tags:#accessibility#specification#design tokens#visual identity#DESIGN.md
One-click install
npx skills add https://github.com/shuff57/agent-evo --skill design-md-shuff57
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/shuff57/agent-evo/tree/main/skills/.archive/topics-2026-05-10/creative/design-md
Command: npx skills add https://github.com/shuff57/agent-evo --skill design-md-shuff57

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the need for a standardized way to describe and implement visual identities across projects, offering a streamlined process for creating, validating, and exporting DESIGN.md files.

Core Features & Use Cases

  • Authoring: Construct and manage design tokens for visual identities.
  • Validation: Ensure compliance with spec structure and WCAG accessibility standards.
  • Exporting: Convert design specifications into Tailwind or W3C DTCG JSON formats.
  • Use Case: When you need to maintain a consistent UI/brand across multiple projects, this Skill can be used to generate and manage your DESIGN.md files, ensuring they meet the required standards and are ready for implementation.

Quick Start

Generate a new DESIGN.md file for your brand 'MyBrand' using the design-md skill.

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I create a DESIGN.md file for my visual identity specification?▼

To create a DESIGN.md file, use this Skill to construct and manage design tokens within Google's DESIGN.md specification format. It validates the proper YAML structure to ensure your visual identity is standardized across projects.

How do I validate design tokens for WCAG accessibility compliance?▼

Validating design tokens for WCAG compliance involves checking the spec structure and accessibility standards of your DESIGN.md file. This Skill performs automated validation to ensure visual identity specifications meet required WCAG accessibility criteria.

Can I export DESIGN.md specifications to Tailwind CSS or W3C DTCG JSON?▼

Yes, you can export DESIGN.md specifications directly to Tailwind CSS or W3C DTCG JSON formats. This Skill provides export functionality to convert visual identity design tokens into formats ready for implementation.

Do I need the design.md CLI tool to manage design tokens?▼

Yes, the design.md CLI tool is required to manage design tokens using this Skill. You also need existing knowledge of design tokens to properly construct, validate, and export visual identity specifications.

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

The best way to maintain consistent UI brand specifications is by generating and managing standardized DESIGN.md files. This Skill ensures visual identity specs meet structural and accessibility standards, enabling consistent implementation across projects.

Related Skills

Explore More Design & Creative Skills→
heysuhasheysuhas
2

design-md

Lint, diff, and transform design tokens into Tailwind or W3C DTCG formats.

Community
Intermediate
liumeixinliumeixin
4

design-md

Generate, validate, and export DESIGN.md files to Tailwind CSS and W3C DTCG JSON.

Community
Advanced
viktorbezdekviktorbezdek
10

frontend-design

Create accessible, responsive UI design systems with Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
XyHalcyonXyHalcyon

design-md

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

Community
Advanced