界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
文档与办公 · SKILL.md

extract-design-md

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.

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

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

  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.

我的收藏