design-md

name	design-md
description	Analyze Stitch projects via MCP Server and synthesize semantic design systems into DESIGN.md files. Use when creating a DESIGN.md to capture an existing Stitch project's visual language — colors, typography, component styles, layout principles — in descriptive, designer-friendly prose with exact hex values. Requires access to Stitch MCP Server. Produces a single DESIGN.md that serves as the source of truth for prompting Stitch to generate new screens aligned with the existing design language.
allowed-tools	["stitch*:*","Read","Write","web_fetch"]

Stitch DESIGN.md Skill Graph

This skill provides a navigable reference graph for creating semantic design system documentation from Stitch projects. All detailed content lives in reference files — this file contains only navigation.

Stitch Retrieval

How to fetch project data from the Stitch MCP Server:

Topic	Reference
Retrieval workflow overview	references/stitch-retrieval/overview.md
MCP tool signatures & usage	references/stitch-retrieval/mcp-tools.md

Design Analysis

How to analyze and translate design elements into descriptive language:

Topic	Reference
Analysis process overview	references/design-analysis/overview.md
Technical-to-descriptive translation	references/design-analysis/design-language.md
Per-section analysis guidance	references/design-analysis/section-guides.md

Output Format

How to structure and write the DESIGN.md output:

Topic	Reference
Output format & template	references/output/overview.md
Writing rules & anti-patterns	references/output/writing-rules.md

Example Output

Asset	Purpose
assets/example-design.md	Complete DESIGN.md example (furniture collection project)

Tool Scripts

Tool	Script	Purpose
Validate	scripts/validate_design_md.py	Validate DESIGN.md structure and completeness

Future Extensions

See references/future-extensions.md for planned capabilities.