Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document.
安装
npx skills add google-labs-code/stitch-skills --skill stitch::extract-design-mdnpx skills add google-labs-code/stitch-skills --skill stitch::extract-design-md -a claude-code -gnpx skills add google-labs-code/stitch-skills --skill stitch::extract-design-md -a codex -ggemini skills install https://github.com/google-labs-code/stitch-skills.git --path plugins/stitch-design/skills/extract-design-mdgh skill install google-labs-code/stitch-skills stitch::extract-design-mdgit clone --depth 1 https://github.com/google-labs-code/stitch-skills /tmp/google-labs-code__stitch-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/google-labs-code__stitch-skills/plugins/stitch-design/skills/extract-design-md ~/.claude/skills/stitch::extract-design-md # Claude Code
cp -R /tmp/google-labs-code__stitch-skills/plugins/stitch-design/skills/extract-design-md ~/.agents/skills/stitch::extract-design-md # Codex, Cursor, Gemini CLI, Copilot, OpenCode