skills.rest
markwang2658
markwang2658COMMUNITY
Explore all skills by this author →
GitHub

design-md

Lint, validate, and export DESIGN.md design tokens to Tailwind and DTCG JSON.

31|3|Updated May 7, 2026
Search Tags:#tailwind#lint#export#design-tokens#design-md#dtcg#google-design
One-click install
npx skills add https://github.com/markwang2658/hermes-windows-native --skill design-md-markwang2658
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/markwang2658/hermes-windows-native/tree/main/hermes-agent/skills/creative/design-md
Command: npx skills add https://github.com/markwang2658/hermes-windows-native --skill design-md-markwang2658

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DESIGN.md design tokens must be authored, linted for structure, and exported into usable formats to ensure consistency across projects and tooling.

Core Features & Use Cases

  • Lint DESIGN.md for token structure and references
  • Validate color, typography, and component tokens
  • Export tokens to Tailwind theme JSON and W3C DTCG JSON
  • Compare token versions and diffs across revisions

Quick Start

Lint DESIGN.md tokens and export them to Tailwind and DTCG formats.

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 tokens in a DESIGN.md file?▼

You can lint and validate design tokens in a DESIGN.md file by checking frontmatter fields for version, name, colors, and typography to ensure structure and accessibility rules are met.

Can I export design tokens to Tailwind theme JSON from markdown?▼

Yes, you can export validated design tokens from DESIGN.md directly into a Tailwind theme JSON format, enabling consistent brand guideline usage across multiple projects.

What is the best way to convert design tokens to W3C DTCG JSON?▼

The best way to convert design tokens to W3C DTCG JSON is by validating your DESIGN.md frontmatter and exporting the schemas to ensure tooling consistency.

Do I need specific frontmatter fields to validate design tokens?▼

Yes, validating design tokens requires DESIGN.md frontmatter to include version, name, colors, and typography fields for successful linting and export.

How do I compare design token versions across revisions?▼

You can compare design token versions and view diffs across revisions by running the validation process on your DESIGN.md file to track changes in colors and typography.

Related Skills

Explore More Design & Creative Skills→
PlaidmustachePlaidmustache

design-md

Lint, diff, and export DESIGN.md token files to Tailwind or DTCG formats.

Community
Intermediate
AissenLiuAissenLiu

design-md

Validate DESIGN.md files and export design tokens to Tailwind or DTCG JSON.

Community
Advanced
Impertio-StudioImpertio-Studio

tailwind-impl-build-nextjs

Automate Tailwind CSS setup and configuration for Next.js projects.

Official
Intermediate
SriRamkunamsettySriRamkunamsetty

design-md

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

Community
Advanced