design-md

Name: design-md
Availability: InStock
Author: ldzhhxx

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

Ready to run

npx skills add https://github.com/ldzhhxx/Hermes_offline_v2 --skill design-md-ldzhhxx

💬 Prompt for ChatGPT / Claude Chat▼

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.