design-md

Create and validate DESIGN.md design token specification files with YAML front matter.

Updated Jun 25, 2026
One-click install
npx skills add https://github.com/davpatel605-beep/hermusagent --skill design-md-davpatel605-beep
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/davpatel605-beep/hermusagent/tree/main/backend/vendor/hermes/skills/creative/design-md
Command: npx skills add https://github.com/davpatel605-beep/hermusagent --skill design-md-davpatel605-beep

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams create, validate, and export formal DESIGN.md specifications so visual identity rules and design tokens remain consistent for coding agents and products.

Core Features & Use Cases

  • DESIGN.md Authoring: Create structured design system specifications with YAML tokens and Markdown guidance.
  • Validation and Export: Check token structure, references, accessibility considerations, and export specifications to formats such as Tailwind or W3C DTCG JSON.
  • Use Case: A product team can convert an existing brand style guide into an agent-readable DESIGN.md file and maintain consistent UI implementation across projects.

Quick Start

Use the design-md skill to create or validate a DESIGN.md file for my project's visual identity and design tokens.

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I create a design token specification file for consistent UI implementation?

A DESIGN.md specification is a formal file with YAML front matter and Markdown sections that defines visual identity rules and design tokens. It ensures consistent UI implementation by providing agent-readable design system documentation.

How do I validate design tokens and check WCAG accessibility considerations?

You validate design tokens by checking token structure, references, and accessibility considerations within your DESIGN.md file. This process ensures your visual system meets WCAG standards and maintains consistent token definitions for UI implementation.

Can I export design tokens to Tailwind or W3C DTCG JSON formats?

Yes, you can export design token specifications to formats such as Tailwind or W3C DTCG JSON. The export process converts your DESIGN.md visual system definitions into compatible formats for coding agents and product development workflows.

What's the best way to convert an existing brand style guide into an agent-readable design system?

The best way to convert a brand style guide is to create a structured DESIGN.md file containing YAML tokens and Markdown guidance. This formal specification translates visual identity rules into an agent-readable format for consistent UI implementation.

Do I need YAML front matter and Markdown sections to define design system tokens?

Yes, YAML front matter and Markdown sections are required components for defining design system tokens. These structured elements provide the necessary framework for token references, visual rules, and compatible design specifications within the DESIGN.md file.