skills.rest
DonZzzilla
DonZzzillaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-md

Author and validate DESIGN.md files with structure linting, WCAG contrast checks, and version comparison.

Updated Jun 13, 2026
Search Tags:#ui#accessibility#tokens#google#design-system
One-click install
npx skills add https://github.com/DonZzzilla/kalshi-explorer --skill design-md-donzzzilla
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/DonZzzilla/kalshi-explorer/tree/main/skills/user-skills/creative/design-md
Command: npx skills add https://github.com/DonZzzilla/kalshi-explorer --skill design-md-donzzzilla

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation, validation, and export of Google's DESIGN.md token specification files, providing an efficient way to maintain a visual identity and design system across various projects.

Core Features & Use Cases

  • Author and Validate: Create and validate the structure and content of DESIGN.md files, ensuring compliance with Google's specifications.
  • Export to Design Systems: Export specifications to Tailwind CSS or W3C Design Tokens (DTCG) JSON formats.
  • Access and Extend: Import existing DESIGN.md files to lint, compare versions, or add new tokens and components.

Quick Start

Utilize the design-md skill to generate a new DESIGN.md file for your project.

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I validate a DESIGN.md file against Google's design system specification?▼

To validate a DESIGN.md file, use this Skill to lint the structure and content, ensuring compliance with Google's design system specification. It checks token syntax, structure, and WCAG contrast to maintain visual identity.

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

Yes, you can export DESIGN.md tokens to Tailwind CSS or W3C Design Tokens (DTCG) JSON formats. This allows direct integration into your design system and development workflow.

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

A DESIGN.md file is a token specification format following Google's design system guidelines. You need it to efficiently manage, maintain, and standardize your visual identity and UI tokens across projects.

Do I need to know design token syntax to use DESIGN.md specifications?▼

Yes, you need knowledge of design token specification syntax and design system integration. The Skill operates via a command-line interface and requires technical understanding to author and validate files correctly.

How do I compare versions of DESIGN.md files when updating tokens?▼

To compare versions, import your existing DESIGN.md files into the Skill. It supports version comparison, allowing you to lint differences, add new tokens, and update components without losing previous design system states.

Does the DESIGN.md validation tool check WCAG accessibility contrast?▼

Yes, the validation tool checks WCAG contrast accessibility. It verifies color tokens within your DESIGN.md file against WCAG standards to ensure your UI components meet accessibility compliance.

Related Skills

Explore More Design & Creative Skills→
maltemdmaltemd

writing-cli-help-and-usage

Generate structured CLI help text, usage strings, and command documentation.

Community
Intermediate
aivos-xieaivos-xie
1

design-md

Generate and validate Google DESIGN.md design tokens with WCAG accessibility checks.

Community
Intermediate
seo-jinseokseo-jinseok

moai-domain-uiux

Guide UI/UX design systems with W3C DTCG 2025.10 tokens and WCAG 2.2 compliance.

Community
Advanced
SignmanalSignmanal
1

design-md

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

Community
Intermediate