design-md

Lint, diff, and export DESIGN.md token specs to Tailwind or DTCG JSON.

150|25|Updated Apr 20, 2026
One-click install
npx skills add https://github.com/Devsoul2026/Hermes-One-Click --skill design-md-devsoul2026
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/Devsoul2026/Hermes-One-Click/tree/main/hermes-agent/skills/creative/design-md
Command: npx skills add https://github.com/Devsoul2026/Hermes-One-Click --skill design-md-devsoul2026

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DESIGN.md tokens describe a visual identity in a single file by combining YAML front matter and markdown rationale, enabling teams to maintain a machine-readable spec and a human-readable design narrative. This skill helps authors ensure consistency, correctness, and easy automation across projects.

Core Features & Use Cases

  • Lint DESIGN.md structure for required sections and token references, ensuring WCAG contrast and well-formed metadata.
  • Diff versions to detect regressions in token values or narrative sections.
  • Export tokens to Tailwind theme JSON or W3C Design Tokens JSON for integration with design systems and tooling.
  • Use cases include establishing a single source of truth for design tokens, porting tokens between projects, and validating existing DESIGN.md files.

Quick Start

Place DESIGN.md at your project root and run the design-md lint to validate and export tokens.

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I export design tokens to Tailwind theme JSON?

You can export design tokens to Tailwind theme JSON by placing a DESIGN.md file at your project root and running the design-md export, which parses YAML front matter and markdown rationale into a structured theme configuration.

What is a DESIGN.md file and when do I need it for design tokens?

A DESIGN.md file is a single-source-of-truth specification that combines YAML front matter and markdown rationale to describe visual identity tokens. You need it when maintaining a machine-readable spec alongside a human-readable design narrative.

Can I lint DESIGN.md files for WCAG contrast compliance and metadata?

Yes, you can lint DESIGN.md files to validate required sections, token references, well-formed metadata, and WCAG contrast compliance, ensuring correctness and consistency across your design system workflows.

How do I diff design token versions to detect regressions?

You diff design token versions by running the design-md workflow on your DESIGN.md file, which detects regressions in token values and narrative sections to maintain consistency across project updates.

Does the design-md workflow support W3C Design Tokens JSON export?

Yes, the design-md workflow supports exporting tokens to W3C Design Tokens JSON (DTCG) format, enabling integration with design systems and tooling that rely on the standard DTCG specification.

What YAML frontmatter fields are required for a DESIGN.md file?

The required YAML frontmatter fields for a DESIGN.md file are name and description, which validate the file structure and ensure the token taxonomy and tooling referenced in the spec function correctly.