Capture / Snapshot to Next.js

Convert live sites or saved HTML snapshots into grounded Next.js App Router builds. Treat the source as evidence, not inspiration: capture first when the source is live, extract before build, then prove the rebuilt page matches with visual QA artifacts.

Use this skill when

• Input is a live URL, a saved snapshot (.html + companion assets), a SingleFile export, or an unpacked offline site capture.
• The user wants to rebuild, recreate, convert, clone, recover, or extract a site into Next.js.
• Fidelity matters more than speed or creative redesign.
• The source repo is partially or fully lost, but production pages or browser artifacts still exist.

Do not use this skill when

• The only source is a single screenshot, PDF export, Figma design, or loose design idea with no accessible live route or parseable HTML/CSS artifacts.
• The task is general Next.js UI coding with no reconstruction or grounded extraction requirement.
• The goal is a redesign, simplification, or same vibe rewrite instead of faithful reconstruction.

Setup