design-md

Author, validate, and export DESIGN.md tokens to Tailwind or DTCG JSON.

Updated Jun 11, 2026
One-click install
npx skills add https://github.com/LamseyahElias/jarvis-cloud-v2 --skill design-md-lamseyahelias
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/LamseyahElias/jarvis-cloud-v2/tree/main/hermes-agent/skills/creative/design-md
Command: npx skills add https://github.com/LamseyahElias/jarvis-cloud-v2 --skill design-md-lamseyahelias

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DESIGN.md is Google's open design spec that combines YAML front matter tokens with a Markdown body to describe a visual identity. This Skill enables teams to author, validate, and export DESIGN.md token specs to ensure consistency and interoperability across projects.

Core Features & Use Cases

  • Author and validate DESIGN.md tokens: create frontmatter token values and rationale in the Markdown body.
  • Lint, diff, and export: lint structure, diff versions, and export to Tailwind or W3C DTCG JSON for tooling and implementation.
  • Reuse across design systems: apply tokens to color, typography, spacing and components with consistent references.

Quick Start

Install and run the DESIGN.md tooling in your project to create or lint DESIGN.md and generate a token export.

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I lint and validate DESIGN.md token specs?

DESIGN.md is a design specification format that uses YAML frontmatter to define tokens and a Markdown body for rationale. It solves the problem of maintaining visual identity consistency by providing a single, human-readable source of truth for design systems.

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

You author tokens in YAML frontmatter and provide rationale in the Markdown body, then lint the structure, diff versions, and export to Tailwind or DTCG JSON. This workflow enforces WCAG contrast checks and multi-format export capabilities for project implementation.

Does DESIGN.md support WCAG contrast checking for color tokens?

DESIGN.md linting applies WCAG contrast checks to color tokens to ensure accessibility compliance. It also validates YAML frontmatter structure and token references to catch inconsistencies before exporting to Tailwind or DTCG JSON.

How do I diff versions of a design token specification?

DESIGN.md version diffing compares changes in YAML frontmatter token values and Markdown rationale across spec iterations. This identifies structural updates and token reference modifications before exporting to Tailwind or DTCG JSON.

What is the best way to manage design tokens for multiple projects?

DESIGN.md manages design tokens by defining color, typography, and spacing values in YAML frontmatter with consistent references. It lints structure, checks WCAG contrast, and exports to Tailwind or DTCG JSON for reuse across multiple project design systems.