Create and validate DESIGN.md design system files with WCAG contrast checks.
npx skills add https://github.com/Aradotso/design-skills --skill design-md-format
Please help me install this Agent Skill. Skill: design-md-format Source: https://github.com/Aradotso/design-skills/tree/main/skills/design-md-format Command: npx skills add https://github.com/Aradotso/design-skills --skill design-md-format
It turns ambiguous design-system documentation into a consistent, machine-readable DESIGN.md that AI coding agents can reliably understand and validate.
primary.Ask your AI agent: "Create a DESIGN.md for our product design system, then lint it and export the tokens to Tailwind v4 CSS."
High-intent search queries and answers about installing and using this skill.
Lint design tokens by validating a DESIGN.md YAML front matter schema against canonical section ordering, checking token reference integrity, and computing WCAG contrast for component color pairs to surface accessibility warnings.
A DESIGN.md file is a structured, machine-readable design system specification that encodes validated tokens and human rationale for AI agents to reliably understand and maintain.
Yes, you can export validated DESIGN.md tokens to implementation targets like Tailwind v3 JSON, Tailwind v4 CSS, and DTCG formats for downstream tooling and theming.
Validate your design system markdown by running linter checks that detect missing required tokens like primary, enforce canonical section order, and flag broken token references.
Yes, the DESIGN.md linter computes WCAG contrast for token-defined component color pairs and automatically surfaces accessibility violations as warnings or errors.
The design token schema needs to be in YAML front matter within the DESIGN.md file, containing correct token references for the linter to validate integrity and structure.
JuanMS20Generate and validate DESIGN.md design tokens with YAML front matter and WCAG checks.
Higashi-KotaGenerate CSS variables and Tailwind theme from JSON design tokens.
freedomw1987Create DESIGN.md files and export design tokens to Tailwind or W3C DTCG JSON.
ChangZhou-xjLint DESIGN.md token specs for references and WCAG contrast compliance.