AI Website Cloner

Active
GitHub TypeScript MIT

Description

Clone any website with one command using AI coding agents. Built with Next.js, React, and shadcn-ui with web scraping and automated code generation.

Key Features

  • Clone any website with one command — auto-screenshots, extracts design tokens, generates component specs, and builds a Next.js codebase
  • Multi-phase pipeline: Recon → Foundation → Component Specs → Parallel Build → Assembly & QA for structured engineering workflow
  • Supports 13 AI coding agents including Claude Code, Codex CLI, Cursor, Copilot, and more
  • Modern tech stack built on Next.js 16, React 19, shadcn/ui, and Tailwind CSS v4
  • Parallel build: dispatches multiple builder agents in Git worktrees to build components simultaneously

Use Cases

💡 Migrating WordPress/Webflow/Squarespace websites to a modern Next.js codebase
💡 Recovering source-code-lost live websites by rebuilding code in modern formats
💡 Learning how production sites implement layouts, animations, and responsive behavior through real code
💡 Quickly cloning competitor website structures for prototype validation and product design reference

Tags

typescript agent coding automation tools web

Categories

🔄 Workflow

Quick Start

Click Use this template on GitHub to create your own repository; clone locally and run npm install; launch an AI coding agent (recommended: claude --chrome); run /clone-website <target-url> in the agent and wait for the multi-phase pipeline to auto-complete the website clone and build.
Visit GitHub

Related Projects