design-md

Consolidate design tokens, rationale, and accessibility guidance into a single DESIGN.md file.

1|1|Updated Apr 26, 2026
One-click install
npx skills add https://github.com/BermudaLocals/hermes-agent-lite --skill design-md-bermudalocals
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/BermudaLocals/hermes-agent-lite/tree/main/skills/creative/design-md
Command: npx skills add https://github.com/BermudaLocals/hermes-agent-lite --skill design-md-bermudalocals

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DESIGN.md provides a single, machine-readable format to capture a design system's tokens, rationale, and accessibility rules, enabling teams to coordinate, audit, and port design decisions across projects.

Core Features & Use Cases

  • Centralized tokens and rationale for design systems, enabling consistent implementation across tools and platforms.
  • Linting, diffing, and exporting to Tailwind or DTCG formats to validate structure and surface changes.
  • Use Case: Port a brand's typography, color tokens, and component guidelines into a shared DESIGN.md that can be consumed by design and engineering agents.

Quick Start

Place DESIGN.md at the project root and run the lint and export workflow to validate tokens and generate format exports.

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I consolidate design tokens and accessibility rules into a single machine-readable file?

You consolidate design tokens, rationale, and WCAG accessibility guidance by defining them in a DESIGN.md file with YAML frontmatter. This format enables automated linting, diffing, and exporting to maintain cross-project consistency.

Can I export design tokens from a markdown file to Tailwind or DTCG formats?

Yes, you can export design tokens to Tailwind or DTCG formats. By structuring tokens within a DESIGN.md file, the lint and export workflow validates the structure and generates the specified format outputs for engineering consumption.

What is the best way to audit and port a design system across multiple projects?

The best way to audit and port a design system is capturing tokens, rationale, and usage rules in a centralized DESIGN.md. This machine-readable format allows teams to coordinate, validate via linting, and consistently port design decisions across projects.

How do I lint and diff design system changes to surface token modifications?

You lint and diff design system changes by running the validation workflow on a DESIGN.md file at your project root. This process validates the token structure and surfaces differences, ensuring tracked design changes are auditable before export.

Does DESIGN.md require specific formatting or dependencies to function?

DESIGN.md requires no external dependencies, but it mandates YAML frontmatter containing a name and description. Following this, you must structure sections documenting tokens, rationale, and usage rules to enable the lint and export automation.

Why use a markdown format for design system tokens instead of a standard JSON file?

Using a markdown format for design system tokens combines machine-readable token definitions with human-readable rationale and accessibility guidance in one file. This consolidates context that JSON alone cannot capture for cross-team coordination.