Lint, diff, and export DESIGN.md token specs with WCAG validation.
npx skills add https://github.com/nadicodeai/argo-agent --skill design-md-nadicodeai
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/nadicodeai/argo-agent/tree/main/skills/creative/design-md Command: npx skills add https://github.com/nadicodeai/argo-agent --skill design-md-nadicodeai
DESIGN.md provides a structured, machine-readable design token spec that combines YAML front matter with human-readable rationale, enabling linting, diffing, and exporting of design tokens for reproducible UI systems and accessibility compliance.
Run the CLI to lint a DESIGN.md file and export tokens to your desired format.
High-intent search queries and answers about installing and using this skill.
Linting a DESIGN.md file validates WCAG contrast rules by checking the token structure, references, and color contrasts. This ensures your markdown-based design tokens meet accessibility compliance before exporting them to downstream UI systems.
The best way to diff design token versions is using the DESIGN.md diffing process to compare two file versions. This detects regressions in tokens and typography, ensuring consistent UI branding and preventing unintended visual changes across project updates.
Yes, you can export markdown design tokens to Tailwind theme JSON or W3C Design Tokens JSON (DTCG) format. This enables downstream tooling integration by converting the YAML front matter and structured token specs into compatible configuration outputs.
Yes, linting and exporting DESIGN.md token specs requires the @google/design.md CLI. This dependency provides the necessary tooling to validate token structures, apply WCAG rules, manage version diffs, and generate format exports for your project.
You manage design tokens as a single source of truth by maintaining a DESIGN.md file that combines YAML front matter with human-readable rationale. Linting and exporting these specs ensures consistent UI, typography, and branding across all connected projects.
The DESIGN.md spec supports tokens for colors, typography, and component references. Linting validates these structured elements against the specification, ensuring the machine-readable token definitions maintain reproducible UI systems and accessibility compliance.
lenadlmValidate and export Google DESIGN.md files to Tailwind CSS or W3C DTCG JSON.
aivos-xieGenerate and validate Google DESIGN.md design tokens with WCAG accessibility checks.
skkeoriwManage, validate, and convert Google DESIGN.md design tokens to Tailwind CSS and W3C formats.
kyamsSRLBuild scalable design systems with Style Dictionary token pipelines and React theme providers.
