What problem does it solve? Capturing a specific UI state from a live web app as a single portable HTML file is difficult because styles, images, and scripts are spread across many resources. This Skill produces a fully self-contained static HTML snapshot with all CSS inlined and images embedded as base64, ready to share or upload to Stitch. ## Core Features & Use Cases - Puppeteer Snapshot (Strategy A): Launches headless Chrome against a locally running app (React, Next.js, Vue, Svelte, Storybook) and captures the fully rendered DOM with computed styles resolved, no size limits. - Browser Subagent Capture (Strategy B): Interacts with the page first (clicks, form fills, navigation) before extracting the rendered DOM for states unreachable by direct URL. - Static Fallback: Converts a manually flattened MockPage.jsx into HTML via Babel AST parsing when the app cannot run locally, then post-processes local images into base64. - Use Case: You built a React + Vite dashboard and need to share a static version of the home, pricing, and dark-mode dashboard pages with a designer for Stitch upload. ## Quick Start Ask the AI to extract a static HTML snapshot of your locally running app at http://localhost:5173 and save it to .stitch/home.html.
