stitch::extract-static-html

1# Extract Static HTML
2 
3Extract a self-contained static HTML file from any web application.
4 
5## Which Strategy to Use
6 
7You MUST ask the user to choose which strategy to use before proceeding. Present the options clearly, **recommend Strategy A** as the preferred default, and **provide a brief pros/cons summary** for each option to help them make an informed decision.
8 
9| | Strategy A (Puppeteer) | Strategy B (Browser Subagent) |
10| :--- | :--- | :--- |
11| **When** | App runs locally, no auth wall | Need to interact with page first (click, fill forms) |
12| **Fidelity** | **Highest — computed styles resolved** | High — rendered DOM |
13| **Setup** | **Zero — no mock needed** | Zero — no mock needed |
14| **Framework** | **Any** | Any |
15| **Output** | **Writes to file — no size limit** | May truncate in agent context |
16 
17> [!WARNING]
18> **Checkpoint — User Confirmation Required.**
19> You **MUST** ask the user which strategy they prefer before proceeding.
20> Present the comparison table above, recommend Strategy A as the default, and
21> wait for explicit approval. Do **NOT** make the decision yourself or proceed
22> until the user confirms.
23 
24***
25 
26## Strategy A: Puppeteer Snapshot (Recommended)
27 
28Launches headless Chrome, captures the fully rendered DOM, and produces a self-contained HTML file with all CSS inlined and images as base64. Works with **any framework** — no MockPage.jsx needed.
29 
30### Prerequisites
31 
32- App running locally (e.g., `npm run dev`)
33…