design-md

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth.

Claude Code
View source ↗

What it does

  • Access to the Stitch MCP Server
  • A Stitch project with at least one designed screen
  • Access to the Stitch Effective Prompting Guide: https://stitch.withgoogle.com/docs/learn/prompting/
  • Call [prefix]:listprojects with filter: "view=owned" to retrieve all user projects
  • Identify the target project by title or URL pattern
  • Extract the Project ID from the name field (e.g., projects/13534454087919359824)
  • Call [prefix]:listscreens with the projectId (just the numeric ID, not the full path)

Requirements & configuration

Configuration: DESIGN

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth.

Source

Repository: https://github.com/google-labs-code/stitch-skills

design-md FAQ

What does the design-md skill do?

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files Access to the Stitch MCP Server A Stitch project with at least one designed screen

How do I install design-md?

Run: npx -y skills add https://github.com/google-labs-code/stitch-skills --skill design-md --agent claude-code — the source lives at github.com/google-labs-code/stitch-skills.

Maintain design-md?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

design-md on getagentictools
[![design-md on getagentictools](https://getagentictools.com/badge/skills/google-labs-code-stitch-skills-design-md.svg)](https://getagentictools.com/skills/google-labs-code-stitch-skills-design-md?ref=badge)
npx agentictools info skills/google-labs-code-stitch-skills-design-md

The second line is the CLI lookup for this page — handy in READMEs and docs.