Overview
Effortlessly transform any live website into a clean, modern Next.js codebase. This template leverages advanced AI coding agents to meticulously reverse-engineer websites, extracting design tokens, assets, and component specifications to reconstruct them into a high-quality, developer-ready project. Simply point your AI agent at a URL, execute the /clone-website command, and watch as your digital blueprint is brought to life.
Key Features
- One-Command Cloning: Replicate any website's structure and design with a single, intuitive command.
- AI-Powered Reconstruction: Utilizes cutting-edge AI coding agents (with Claude Code Opus 4.7 highly recommended) for accurate and comprehensive website replication.
- Modern Tech Stack: Generates code using Next.js 16 (App Router, React 19, TypeScript strict), shadcn/ui, and Tailwind CSS v4 with oklch design tokens.
- Detailed Component Specifications: The AI generates granular spec files, capturing exact computed CSS, interaction models, states, and responsive behaviors.
- Parallelized Building: Employs parallel builder agents in separate git worktrees for efficient reconstruction of each website section.
- Asset Extraction & Management: Automatically downloads and manages all website assets (images, videos, favicons) into your new project.
- Broad Agent Support: Compatible with a wide array of AI coding agents, including Claude Code, Codex CLI, GitHub Copilot, Gemini CLI, and more.
Typical Use Cases
- Platform Migration: Seamlessly migrate existing websites from platforms like WordPress, Webflow, or Squarespace into a robust and modern Next.js application.
- Code Recovery: Reclaim lost source code for live websites where original repositories are inaccessible or the development team has moved on.
- Educational Insight: Deconstruct and learn from real-world production websites by examining how specific layouts, animations, and responsive designs are implemented in code.
- Rapid Prototyping: Quickly generate a foundational Next.js project based on an existing design to accelerate new development.
