Define design tokens with rationale in a single DESIGN.md file.
npx skills add https://github.com/Harries/hermes-agent --skill design-md-harries
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/Harries/hermes-agent/tree/main/skills/creative/design-md Command: npx skills add https://github.com/Harries/hermes-agent --skill design-md-harries
DESIGN.md provides a single-file specification that combines YAML tokens and rationale for design systems, enabling consistent, machine-readable design tokens and human-friendly rationale in one file.
Create DESIGN.md in your project root with tokens and rationale, then run the CLI to lint or export.
High-intent search queries and answers about installing and using this skill.
A DESIGN.md file is a single-file design specification coupling YAML design tokens with human-friendly rationale. It provides machine-readable token definitions and Markdown documentation together to maintain consistency across projects.
You can export design tokens to Tailwind or DTCG formats by running the CLI on a DESIGN.md file. The file requires a YAML frontmatter with version, name, and tokens, plus a descriptive Markdown body to process the export.
Yes, you can lint and diff design tokens across different projects using the CLI. It audits token consistency, checks WCAG accessibility compliance, and helps port design rules between different project environments.
Yes, YAML frontmatter containing version, name, and tokens is required to validate a design system. The linter checks this structure to ensure your design tokens are consistent and machine-readable.
The best way to audit WCAG compliance is using the DESIGN.md linter on your token definitions. It checks accessibility rules directly against the YAML tokens and rationale to ensure standards compliance.
john-data-chenCreate, validate, and export Google DESIGN.md token specifications.
matthew-johnsonValidate DESIGN.md token files for type correctness and export readiness.
DarkArty07Create DESIGN.md design token specs and export to Tailwind or W3C DTCG JSON.
jparkerwebReverse-engineer a website's visual design into a DESIGN.md file with YAML tokens.
