How do I install the Design Md skill?

Run npx skillmds@latest add quaylabshq/design-md in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Design Md safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Design Md?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Design Md free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Design Md?

quaylabshq (@quaylabshq) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Design Md by quaylabshq — Agent Skill

Name: Design Md
Author: quaylabshq

Design Md

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.

quaylabshq Updated Sep 22, 2026

File contents

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.

---name: design-mddescription: 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.---# Stitch DESIGN.md Skill GraphThis 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 RetrievalHow to fetch project data from the Stitch MCP Server:| Topic | Reference ||-------|-----------|| Retrieval workflow overview | [references/stitch-retrieval/overview.md](references/stitch-retrieval/overview.md) || MCP tool signatures & usage | [references/stitch-retrieval/mcp-tools.md](references/stitch-retrieval/mcp-tools.md) |## Design AnalysisHow to analyze and translate design elements into descriptive language:| Topic | Reference ||-------|-----------|| Analysis process overview | [references/design-analysis/overview.md](references/design-analysis/overview.md) || Technical-to-descriptive translation | [references/design-analysis/design-language.md](references/design-analysis/design-language.md) || Per-section analysis guidance | [references/design-analysis/section-guides.md](references/design-analysis/section-guides.md) |## Output FormatHow to structure and write the DESIGN.md output:| Topic | Reference ||-------|-----------|| Output format & template | [references/output/overview.md](references/output/overview.md) || Writing rules & anti-patterns | [references/output/writing-rules.md](references/output/writing-rules.md) |## Example Output| Asset | Purpose ||-------|---------|| [assets/example-design.md](assets/example-design.md) | Complete DESIGN.md example (furniture collection project) |## Tool Scripts| Tool | Script | Purpose ||------|--------|---------|| Validate | [scripts/validate_design_md.py](scripts/validate_design_md.py) | Validate DESIGN.md structure and completeness |## Future ExtensionsSee [references/future-extensions.md](references/future-extensions.md) for planned capabilities.

Frequently asked questions