AI Site Cloner

ai-site-cloner

Point AI at any website. Get a pixel-accurate, working Next.js clone back — measured, not eyeballed.

One command. /clone-website turns Claude Code (or Cursor, Copilot, Gemini CLI — 12 tools supported) into a full cloning pipeline: it crawls the site, extracts every computed style with scripted Playwright measurement, generates auditable component specs, dispatches parallel builder agents in git worktrees, and loops a scored pixel-diff QA at phone/tablet/desktop widths until every section clears 95%. Then /restyle swaps in your own brand — colors, fonts, logo, copy — without touching the cloned layout.

Screenshot-to-code tools guess. This one measures.

Proof: plausible.io, cloned

99.71% average pixel match across 9 sections × 3 viewports, scored by pixelmatch against the live site — 6 of 9 sections hit a perfect 100% on every viewport, nothing below 97.5%. And it's not a screenshot of a screenshot: the clone is a working app with the nav dropdowns, the mobile menu overlay, and the 9-tier pricing slider with its monthly/yearly toggle and recomputing prices — a clean, typed, componentized codebase you can actually maintain.

Full-page and phone side-by-sides, the data file, and how the run went: examples/plausible/

Second example: examples/uploadthing/ — its hero artwork is painted on a , normally unclonable since there's no DOM to copy. The pipeline records it via canvas.captureStream() and embeds a looping video, so the clone keeps the artwork *and* its motion.

Fast. Accurate. Cheap on tokens.

Fast. Recon of an entire page — design tokens, every asset downloaded, computed-style walks of every section, responsive measurements, and screenshots at all three viewports — is one command and three page loads (~15 seconds). Builders run in parallel git…