design-md

Lint DESIGN.md token specs for references and WCAG contrast compliance.

1|Updated Apr 21, 2026
One-click install
npx skills add https://github.com/ChangZhou-xj/zxj_skill --skill design-md-changzhou-xj
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/ChangZhou-xj/zxj_skill/tree/main/creative/design-md
Command: npx skills add https://github.com/ChangZhou-xj/zxj_skill --skill design-md-changzhou-xj

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DESIGN.md authoring, validation, and export workflow is standardized for Google's token spec, enabling machine-readable tokens and human-readable rationale to improve design-system accuracy and developer handoffs.

Core Features & Use Cases

  • Lint DESIGN.md to verify structure, token references, and WCAG contrast compliance.
  • Diff versions to surface regressions and maintain an audit trail.
  • Export tokens to Tailwind theme JSON or W3C DTCG JSON for integration with build pipelines.
  • Port design-system specs into formats consumable by agents and automation tools.

Quick Start

Lint your DESIGN.md to ensure token integrity and accessibility, then export tokens as needed.

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I lint a design token spec for WCAG contrast and structure validation?

Linting design tokens involves validating the DESIGN.md spec to verify structural integrity, enforce token references, and check WCAG contrast compliance for accurate design-system authoring.

What is the best way to diff design token versions and track regressions?

Diffing design token versions compares DESIGN.md specs to surface regressions, maintain a detailed audit trail, and preserve consistency across UI system updates.

Can I export design tokens to Tailwind theme JSON or W3C DTCG formats?

You can export design tokens from the DESIGN.md spec into Tailwind theme JSON or W3C DTCG JSON formats, enabling seamless integration with build pipelines and automation tools.

How do design tokens fuel consistent UI systems and improve developer handoffs?

Design tokens fuel consistent UI systems by standardizing machine-readable variables and human-readable rationale, improving design-system accuracy and streamlining developer handoffs.

Does the design token linting process require any specific dependencies?

No external dependencies are required to lint the design token spec; the validation process independently checks DESIGN.md structure, token references, and WCAG contrast compliance.