skills.rest
zli5460
zli5460COMMUNITY
Explore all skills by this author →
GitHub

design-md

Create, validate, and export design tokens from structured files.

2|1|Updated May 10, 2026
Search Tags:#design#ui#accessibility#validation#style guide#tokens
One-click install
npx skills add https://github.com/zli5460/hermes-agent-X-Phoenix-Architecture --skill design-md-zli5460
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/zli5460/hermes-agent-X-Phoenix-Architecture/tree/main/skills/creative/design-md
Command: npx skills add https://github.com/zli5460/hermes-agent-X-Phoenix-Architecture --skill design-md-zli5460

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables creation, validation, and export of design specification files, ensuring consistent visual styles across projects and tools.

Core Features & Use Cases

  • Design Token Management: Author and verify structured design files containing colors, typography, spacing, and components.
  • Accessibility Validation: Test contrast ratios and detect compliance issues based on WCAG standards.
  • Use Case: A designer updates their brand colors and typography, then uses this Skill to lint the file and export a Tailwind config for implementation.

Quick Start

Request the AI to validate a DESIGN.md file and export it to Tailwind format to integrate with your web project.

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I validate design tokens for accessibility compliance?▼

You validate design tokens by linting a structured specification file to test contrast ratios and detect WCAG compliance issues. This ensures your UI color and typography choices meet accessibility standards before implementation.

Can I export design tokens to a Tailwind config?▼

Yes, you can export design tokens to a Tailwind config. The Skill processes your structured design files containing colors, typography, and spacing, then formats them into a Tailwind configuration file for web project integration.

What is the best way to standardize UI styles across multiple platforms?▼

The best way to standardize UI styles is by authoring structured design tokens for colors, typography, and spacing. You can then lint, diff, and export these specifications in various formats to ensure cross-platform visual consistency.

Do I need a specific framework to manage design tokens?▼

No specific framework is required to manage design tokens. The Skill produces and validates structured design specification files independently, allowing you to export the verified tokens into your preferred cross-platform style management tools.

Why does my design specification file fail accessibility validation?▼

Your design specification file fails accessibility validation when color combinations have insufficient contrast ratios. The Skill lints your tokens against WCAG standards to detect these compliance issues, ensuring visual styles are accessible.

Related Skills

Explore More Design & Creative Skills→
InneiInnei
61

generate-design-md

Extract a brand's design system into a standards-compliant DESIGN.md document.

Community
Advanced
hendrax5hendrax5

phase-5-design-system

Design and implement a platform-agnostic design system with reusable UI components.

Community
Advanced
servitolaservitola
12

design-md

Lint DESIGN.md files for token structure and WCAG compliance.

Community
Intermediate
CrazySwamiCrazySwami
5

brand-guide

Generate HTML or Markdown brand guides documenting colors, typography, and responsive specs.

Community
Intermediate