Resourcesrepository2026-06-17Safety reviewed
Clone Any Website Into Clean Next.js in Minutes
Point an agent at a site and get a clean Next.js rebuild... design tokens, components, responsive states.
- 18.7K stars
- TypeScript
- MIT
- 18.7Kstars
- 1command
- 12+agent platforms
The template runs a multi-phase pipeline... recon screenshots and design tokens, foundation setup, component specs, then parallel builders... across 12+ agent platforms.
Output is production Next.js 16 with shadcn/ui and Tailwind v4, visually diffed against the original. Use it on your own properties: it explicitly disclaims phishing, impersonation, and passing off others' designs.
What it does
- Clone any website into Next.js with one command
- AI-powered reverse engineering of live sites
- Extracts design tokens and visual assets automatically
- Generates component specs with computed CSS values
- Parallel builder agents reconstruct every section at once
- Screenshots, design tokens, and interaction analysis
- Downloads all images and video from the target
- Responsive breakpoint detection and reconstruction
- Works with Claude Code, Copilot, Cursor, and more
- shadcn/ui components with Tailwind CSS v4
- Multi-state interaction models and hover behaviors
- Git worktree parallel building for speed
- Visual diff comparison against the original
- Platform migration and lost-source recovery
- Docker support for containerized builds
- TypeScript strict mode with ESLint
Supported agent platforms13 total
- Claude Code
- Codex CLI
- OpenCode
- GitHub Copilot
- Cursor
- Windsurf
- Gemini CLI
- Cline
- Roo Code
- Continue
- Amazon Q
- Augment Code
- Aider
Pipeline stages5 total
- Reconnaissance
- Foundation
- Component Specs
- Parallel Build
- Assembly & QA
Output tech stack8 total
- Next.js 16
- React 19
- TypeScript strict
- shadcn/ui
- Radix primitives
- Tailwind CSS v4
- Lucide React
- okLCH design tokens