skills.rest
sirius-cc-wu
sirius-cc-wuCOMMUNITY
Explore all skills by this author →
GitHub

design-md

Generate a semantic DESIGN.md from Stitch project screens and design tokens.

3|1|Updated Jan 13, 2026
Search Tags:#typography#design-system#ui-patterns#color-palette#stitch#design-documentation#design-analysis
One-click install
npx skills add https://github.com/sirius-cc-wu/sirius-skills --skill design-md-sirius-cc-wu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/sirius-cc-wu/sirius-skills/tree/main/design-md
Command: npx skills add https://github.com/sirius-cc-wu/sirius-skills --skill design-md-sirius-cc-wu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the synthesis of a semantic DESIGN.md from Stitch project data.

Core Features & Use Cases

  • Analyze Stitch project screens, HTML, and tokens to generate a single DESIGN.md that describes the design system.
  • Translate technical design tokens into natural design language suitable for prompts and handoffs.
  • Use as a reference to drive consistent screen generation and design QA across projects.

Quick Start

Provide a DESIGN.md for a Stitch project by analyzing its assets and tokens to create a comprehensive design-system reference.

Frequently Asked Questions about design-md

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

FAQPage Schema
How do I generate a design system reference from Stitch project data?▼

Generating a design system reference from Stitch project data requires synthesizing multiple screens, design tokens, and visual descriptions into a semantic DESIGN.md. This process translates technical tokens into natural design language for consistent screen generation.

What is a DESIGN.md file used for in UI design documentation?▼

A DESIGN.md file in UI design documentation serves as a comprehensive, publishable reference for a design system. It describes design tokens, color palettes, typography, and UI patterns to drive consistent screen generation and design QA across projects.

Do I need a Stitch MCP Server to fetch project metadata for design analysis?▼

Yes, you need a Stitch MCP Server to fetch project metadata, HTML/CSS, and color themes for design analysis. Access to the Stitch MCP Server is required to extract the assets and tokens necessary to synthesize the DESIGN.md structure.

Can I translate technical design tokens into natural design language for handoffs?▼

Translating technical design tokens into natural design language for handoffs is possible by analyzing Stitch project assets. The process converts HTML, CSS, and color themes into a semantic design reference suitable for prompts and team handoffs.

Does this approach work with Stitch projects that have multiple screens and visual descriptions?▼

Yes, this approach works with Stitch projects that have multiple screens, design tokens, and visual descriptions. It analyzes the project's HTML and tokens to enforce a structured DESIGN.md with per-section formatting.

What are the limitations of automating design documentation from design tokens?▼

Automating design documentation from design tokens is limited to projects with accessible Stitch MCP Server data. Without multiple screens, visual descriptions, or color themes, the tool cannot produce a comprehensive design-system reference.

Related Skills

Explore More Design & Creative Skills→
Nexprove-TeamNexprove-Team
1

design-md

Generate a DESIGN.md synthesizing semantic design tokens from Stitch projects.

Official
Advanced
ketzal88ketzal88

design-md

Extract screen design data from Stitch MCP projects into a semantic DESIGN.md.

Community
Advanced
mkatoguimkatogui
3

brand-identity-generator

Generate brand identity systems with CSS-ready tokens and brand guidelines.

Community
Advanced
gabelulgabelul
38

stitch-design-md

Generate a DESIGN.md design system document from existing Stitch project screens.

Community
Advanced