design-md-format
OfficialLint and export DESIGN.md design tokens
Design & Creative#linting#design tokens#design-system#dtcg#wcag contrast#markdown spec#tailwind export
AuthorAradotso
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It turns ambiguous design-system documentation into a consistent, machine-readable DESIGN.md that AI coding agents can reliably understand and validate.
Core Features & Use Cases
- Validate DESIGN.md against a spec: catch broken token references, enforce canonical section order, and detect missing required tokens like
primary. - Ensure accessibility correctness: compute WCAG contrast for token-defined component color pairs and surface issues as warnings/errors.
- Export design tokens for implementation: convert DESIGN.md tokens to formats like Tailwind (v3 JSON or v4 CSS) and DTCG for downstream tooling and theming.
Quick Start
Ask your AI agent: "Create a DESIGN.md for our product design system, then lint it and export the tokens to Tailwind v4 CSS."
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: design-md-format Download link: https://github.com/Aradotso/design-skills/archive/main.zip#design-md-format Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.