ai-website-cloner-template

JCodesMore/ai-website-cloner-template

Clone any website with one command using AI coding agents

26k
Stars
3.7k
Forks
25
Open issues
119
Watchers
TypeScript MITLast pushed Jul 4, 2026

Clone any website with one command using AI coding agents

Categories

Tags

Similar tools

Install

npm install ai-website-cloner-template

README

AI Website Cloner Template

MIT License Stars Discord

A reusable template for reverse-engineering any website into a clean, modern Next.js codebase using AI coding agents.

Recommended: Claude Code with Opus 4.8 for best results — but works with a variety of AI coding agents.

Point it at a URL, run /clone-website, and your AI agent will inspect the site, extract design tokens and assets, write component specs, and dispatch parallel builders to reconstruct every section.

Demo

Click the image above to watch the full demo on YouTube.

Quick Start

Important: Start by making your own copy with GitHub's Use this template button. Do not clone this template repository directly for your website project, and do not open pull requests here with your generated website.

  1. Create your own repository from this template

    On the GitHub page for this project, click Use this template, then click Create a new repository.

    Give your new repository a name, choose whether it should be public or private, then click Create repository. If GitHub shows an Include all branches option, you can leave it off.

    This gives you your own separate project to work in, so your website changes stay in your account instead of coming back to the main template.

  2. Open your new repository on your computer

    After GitHub creates your copy, open that new repository. Click Code and open or clone your new repository with your preferred coding tool.

    If you use the terminal, the command will look like this:

    git clone https://github.com/YOUR-USERNAME/YOUR-NEW-REPOSITORY.git
    cd YOUR-NEW-REPOSITORY
    
  3. Install dependencies

    npm install
    
  4. Start your AI agent — Claude Code recommended:

    claude --chrome
    
  5. Run the skill:

    /clone-website <target-url1> [<target-url2> ...]
    
  6. Customize (optional) — after the base clone is built, modify as needed

Using a different agent? Open AGENTS.md for project instructions — most agents pick it up automatically.

Supported Platforms

AgentStatus
Claude CodeRecommended — Opus 4.8
Codex CLISupported
OpenCodeSupported
GitHub CopilotSupported
CursorSupported
WindsurfSupported
Gemini CLISupported
ClineSupported
Roo CodeSupported
ContinueSupported
Amazon QSupported
Augment CodeSupported
[Aider](htt