mcpField
E
extract-design-md

extract-design-md

github.com/podoDesign & UI29165 installsUpdated 1d ago
Repository

About extract-design-md

extract-design-md is a skill that turns Google Stitch output into a structured DESIGN.md file. It helps teams record visual design decisions for version control, sharing across agents, and consistency between iterations.

Key features

  1. 01Extracts design specifications from Google Stitch
  2. 02Writes structured DESIGN.md files
  3. 03Supports sharing design decisions across agents
  4. 04Helps keep designs consistent across iterations

Use cases

  1. 01Recording a Google Stitch design in DESIGN.md
  2. 02Sharing design specifications across agents
  3. 03Maintaining visual consistency during iterations

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill extract-design-md

After installing, type/extract-design-mdin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

extract-design-md

Catalogue stub — full skill: google-labs-code/stitch-skills

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:

    [ -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.

Comments

Markdown supported