Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to capture a specific UI state, share a static version of a page, or prepare assets for Stitch upload, even if the user just asks to 'save the HTML' or 'mock the view'.
Install
npx skills add google-labs-code/stitch-skills --skill stitch::extract-static-htmlnpx skills add google-labs-code/stitch-skills --skill stitch::extract-static-html -a claude-code -gnpx skills add google-labs-code/stitch-skills --skill stitch::extract-static-html -a codex -ggemini skills install https://github.com/google-labs-code/stitch-skills.git --path plugins/stitch-design/skills/extract-static-htmlgh skill install google-labs-code/stitch-skills stitch::extract-static-htmlgit 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-static-html ~/.claude/skills/stitch::extract-static-html # Claude Code
cp -R /tmp/google-labs-code__stitch-skills/plugins/stitch-design/skills/extract-static-html ~/.agents/skills/stitch::extract-static-html # Codex, Cursor, Gemini CLI, Copilot, OpenCode