name: extract-design-md
description: |
Extract Google Stitch design specifications into DESIGN.md format. Creates a
structured design document from Stitch output that can be version-controlled,
shared with the team, and used to guide future iterations.
triggers:
- "extract design md"
- "stitch to DESIGN.md"
- "extract stitch design"
- "design spec from stitch"
- "DESIGN.md"
das:
category: figma-code
upstream: "https://github.com/google-labs-code/stitch-skills"
upstream_path: "plugins/stitch-design/skills/extract-design-md/SKILL.md"
version: latest
install: true
extract-design-md
Catalogue stub — full skill: google-labs-code/stitch-skills
Decision tree
-
Is the full skill already installed?
Check whether the skill at this location still has a das: block:
- Global:
grep -q "^das:" ~/.agents/skills/extract-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
- Project:
grep -q "^das:" .agents/skills/extract-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
- No
das: block → full skill installed, invoke it and proceed
das: block present → go to step 2
-
Detect scope, then install:
To detect scope:
[ -e ~/.agents/skills/extract-design-md ] && echo "global" || echo "project"
Global (installed with -g):
npx skills add google-labs-code/stitch-skills --skill extract-design-md -g -y
Project (installed without -g):
npx skills add google-labs-code/stitch-skills --skill extract-design-md -y
Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.
Invoke after install
- Skill name:
extract-design-md
- Trigger phrases: "extract design md", "stitch to DESIGN.md", "DESIGN.md"
What it does
Extracts design specifications from Google Stitch output into a structured DESIGN.md file — the Google Stitch-compatible format for encoding visual design decisions. The resulting file can be version-controlled, shared across agents, and used to maintain design consistency across iterations. Part of Google Labs' official Stitch skills.