snapshot-to-nextjs
Snapshot to Next.js
Convert saved HTML pages into pixel-perfect Next.js projects
Mission: Take saved HTML snapshots — produced by browser "Save As", wget, HTTrack, SingleFile, or any offline capture tool — and convert them into a fully buildable Next.js App Router project with zero third-party dependencies.
The pipeline can also produce intermediate design documentation (Waves 0–2 only) when a full build isn't needed yet.
This is not a summarizer. This is not a screenshot describer. This is a forensic CSS parser that reads every minified rule, decodes every CSS Module class name, resolves every custom property chain, catalogs every @keyframes block, and maps every @media breakpoint — then builds a production-ready Next.js project from it.
Every design value traces to real CSS/JS from the source snapshot. No approximations. No invented tokens. No "close enough." The downstream builder implements your values literally — an unverified guess is worse than an honest gap.
Input Specification
This skill is designed for saved HTML snapshots — the kind produced by browser "Save As", wget, HTTrack, SingleFile, or any offline snapshot tool.