AI Website Cloner — Reverse-Engineer Any Site into Next.js with One Command
A 28k-star GitHub template: run /clone-website <url> and your AI agent screenshots the site, extracts design tokens, writes component specs down to exact computed CSS, then dispatches parallel builders in git worktrees to reconstruct it all — as a clean Next.js 16 + shadcn codebase.
This is a "Use this template" GitHub repo: create your own copy, npm install, start Claude Code (Opus 4.8 with --chrome recommended), then hand a single /clone-website <url> to the pipeline.
The five-phase pipeline is where the value is: reconnaissance (screenshots, design-token extraction, a full interaction sweep — scroll, click, hover, responsive) → foundation (fonts, colors, globals, asset downloads) → component specs (written to docs/research/ with exact getComputedStyle values, interaction models, multi-state content) → parallel build (one builder agent per section, each in its own git worktree) → assembly plus a visual diff against the original. Builders get complete specs — no guessing.
The output stack is modern: Next.js 16 + React 19 + strict TypeScript + shadcn/ui + Tailwind v4 with oklch tokens. Beyond Claude Code it supports 13 agents (Codex, Cursor, Copilot and more) from a single AGENTS.md source of truth.
Intended use is framed clearly: migrate your own site off WordPress/Webflow, recover lost source code, or learn how production sites achieve their layouts and motion by working with real code — and the README explicitly prohibits phishing, design theft, and ToS violations. MIT licensed.
FAQ
What does this template do?
It reverse-engineers any website into a clean Next.js codebase with an AI agent: one /clone-website <url> runs the five-phase pipeline from reconnaissance and specs to parallel build and visual diff.
How do I get started?
Click Use this template on GitHub to make your own copy (don't clone the template directly), npm install, start Claude Code (Opus 4.8 with --chrome recommended), then run /clone-website.
What stack does it output?
Next.js 16 (App Router) + React 19 + strict TypeScript + shadcn/ui + Tailwind CSS v4 with oklch tokens; icons are replaced by extracted SVGs.
Is cloning websites legal?
The README is explicit: use it to migrate your own site, recover lost source code, or learn from production implementations — phishing, design theft, and ToS violations are expressly prohibited.
Which AI agents are supported?
13: Claude Code (recommended), Codex CLI, OpenCode, GitHub Copilot, Cursor, Windsurf, Gemini CLI, Cline, Roo Code, Continue, Amazon Q, Augment, and Aider.