How do I install the Extract Design Md skill?

Run npx skillmds add podo/extract-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 Extract Design Md safe to use?

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

Which AI agents work with Extract 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 Extract Design Md free to use?

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

Who published Extract Design Md?

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

Extract Design Md by podo — Agent Skill

Name: Extract Design Md
Rating: 4.5 (4 reviews)
Author: podo

Extract Design Md

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.

podo 6f2ff59 2 files · 2.2 KB Updated Sep 9, 2026

File contents

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.

---name: extract-design-mddescription: 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.--- # extract-design-md > Catalogue stub — full skill: [google-labs-code/stitch-skills](https://github.com/google-labs-code/stitch-skills/blob/main/plugins/stitch-design/skills/extract-design-md/SKILL.md) ## Decision tree 1. **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 2. **Detect scope, then install:** To detect scope: ```bash [ -e ~/.agents/skills/extract-design-md ] && echo "global" || echo "project" ``` **Global** (installed with `-g`): ```bash npx skills add google-labs-code/stitch-skills --skill extract-design-md -g -y ``` **Project** (installed without `-g`): ```bash 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.

Frequently asked questions