AI Website Cloner Template
Editor's PickAn open-source agent template that rebuilds any live website into a clean Next.js 16 + shadcn + Tailwind v4 codebase with one /clone-website command, using parallel AI coding agents.
Try it now
GPT-4oWhat is AI Website Cloner Template?
AI Website Cloner Template is a viral open-source GitHub template (MIT, 20k+ stars) for reverse-engineering a live website into maintainable production code rather than a static screenshot. You create a project from the template, run an AI coding agent (Claude Code with Opus is recommended, via `claude --chrome`; Codex, Cursor, GitHub Copilot, Windsurf, Gemini CLI, Cline, Roo, Continue, Amazon Q, Augment, Aider and OpenCode are also supported) and type `/clone-website <url>` — multiple URLs are allowed. The skill then runs a five-phase pipeline: reconnaissance screenshots every section and sweeps interactions (scroll/click/hover/responsive) while extracting design tokens; the foundation stage sets fonts, colors and globals and downloads all assets; it writes detailed per-component specs with exact getComputedStyle values, states and content; parallel builder agents reconstruct each section in isolated git worktrees; finally it merges everything, wires the page and runs a visual diff against the original for QA. The output is a modern Next.js 16 (App Router, React 19, strict TypeScript) app using shadcn/ui, Radix and Tailwind v4 oklch tokens. It is intended for migrating sites you own, recovering lost source code and learning production techniques — not for phishing, copying others' branding or violating terms of service.
Pros
- Produces editable production code, not a flat HTML snapshot.
- Parallel worktree builders are fast and collision-free.
- Exact computed-style specs make results close to pixel-perfect.
- Agent-agnostic instructions work across most AI coding tools.
- Free, MIT-licensed template with an active community.
Cons
- You need a paid AI coding agent; Opus-quality runs consume API tokens.
- It re-implements the frontend, not the original backend or proprietary logic.
- Highly dynamic, authenticated or complex apps may not clone fully.
- Users are responsible for IP, branding and terms-of-service compliance.
Compare with Alternatives
| Feature | AI Website Cloner Template | LangFlow | Donely | Runtime |
|---|---|---|---|---|
| Rating | 0.0 | 4.3 | 4.5 | 4.4 |
| Pricing | Free | Free | Free | Free |
| Starting From | — | Free | Free | Free |
| API | — | — | — | — |
| Free Tier | — | — | — | — |
| Mobile App | — | — | — | — |
Who is it for
Platform migration
Rebuild a site you own from WordPress/Webflow/Squarespace into modern Next.js.
Lost source recovery
Regenerate a maintainable codebase when the repo is gone or the stack is legacy.
Design learning
Deconstruct how production sites achieve layouts, animations and responsive behavior.
Rapid prototyping
Spin up a faithful starting UI to customize into your own product.
Design-system extraction
Harvest tokens, components and assets from a reference site.