skills.rest
ldzhhxx
ldzhhxxCOMMUNITY
Explore all skills by this author →
GitHub

design-md

Validate and convert DESIGN.md design specifications with WCAG contrast support.

1|1|Updated May 9, 2026
Search Tags:#accessibility#WCAG#design system#design tokens#DESIGN.md
One-click install
npx skills add https://github.com/ldzhhxx/Hermes_offline_v2 --skill design-md-ldzhhxx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/ldzhhxx/Hermes_offline_v2/tree/main/hermes-agent/skills/creative/design-md
Command: npx skills add https://github.com/ldzhhxx/Hermes_offline_v2 --skill design-md-ldzhhxx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of authoring, validating, and exporting design specifications using Google's DESIGN.md format, reducing manual errors and improving efficiency.

Core Features & Use Cases

  • Design Spec Authoring/Validation: Create and validate DESIGN.md files with built-in support for WCAG contrast.
  • Token Conversion: Export design tokens to Tailwind CSS or W3C DTCG JSON.
  • Use Case: Imagine you need to create a new design spec for a brand and want to ensure compliance with accessibility standards while being able to export tokens for use in development tools.

Quick Start

Use the design-md skill to validate and convert the provided DESIGN.md file for compliance and usage with your design system.

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I validate a DESIGN.md file for WCAG accessibility compliance?▼

To validate a DESIGN.md file for WCAG compliance, you can automate the checking of design specifications against accessibility contrast requirements. This process identifies manual errors and ensures your design system tokens meet the necessary standards.

Can I export design tokens from DESIGN.md to Tailwind CSS?▼

Yes, you can export design tokens from a DESIGN.md file directly to Tailwind CSS configurations. This token conversion capability also supports exporting to W3C DTCG JSON, streamlining integration with your development tools.

What is the best way to author a design spec using Google's DESIGN.md format?▼

The best way to author a design spec in Google's DESIGN.md format is to automate the creation and validation process. This ensures built-in support for WCAG contrast requirements and standardizes tokens for immediate use in design systems.

Do I need prior knowledge of WCAG requirements to use DESIGN.md for design systems?▼

Yes, using DESIGN.md for design systems requires familiarity with WCAG contrast requirements and the DESIGN.md specification. This prerequisite knowledge ensures accurate accessibility compliance checking and proper token standardization.

How does token standardization work with the DESIGN.md format?▼

Token standardization with the DESIGN.md format works by automating the conversion of design tokens into standardized outputs like Tailwind CSS or W3C DTCG JSON. This reduces manual errors and improves development workflow efficiency.

Related Skills

Explore More Design & Creative Skills→
lxh755818-botlxh755818-bot

design-md

Create, validate, and export Google DESIGN.md design system specs.

Community
Advanced
aivos-xieaivos-xie
1

design-md

Generate and validate Google DESIGN.md design tokens with WCAG accessibility checks.

Community
Intermediate
JangidVishJangidVish

uiux-design-system-export

Convert Design DNA and Developer Handoff into CSS custom properties and W3C design token JSON.

Community
Advanced
XyHalcyonXyHalcyon

design-md

Author, validate, and export Google DESIGN.md files to Tailwind or W3C DTCG JSON.

Community
Advanced