explaingit

jcodesmore/ai-website-cloner-template

Analysis updated 2026-06-24

14,708TypeScriptAudience · vibe coderComplexity · 3/5LicenseSetup · moderate

TLDR

Starter template that drives AI coding agents to rebuild any public website as a modern Next.js codebase using a /clone-website slash command.

Mindmap

mindmap
  root((ai-website-cloner-template))
    Inputs
      Target site URL
      AGENTS.md instructions
      AI coding assistant
    Outputs
      Next.js project
      Tailwind tokens
      shadcn components
    Use Cases
      Migrate off WordPress
      Recover lost source
      Study production sites
      Rebuild old designs
    Tech Stack
      Next.js
      React
      TypeScript
      Tailwind
      shadcn
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Migrate a WordPress or Webflow site to a clean Next.js codebase

USE CASE 2

Recover a website whose original source code is lost

USE CASE 3

Study how a production landing page is built by reconstructing its code

USE CASE 4

Rebuild an old marketing site with modern React and Tailwind tokens

What is it built with?

Next.jsReactTypeScriptTailwindshadcn

How does it compare?

jcodesmore/ai-website-cloner-templateformatjs/formatjsajv-validator/ajv
Stars14,70814,70814,705
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderateeasy
Complexity3/53/52/5
Audiencevibe coderdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 1h+

Needs a supported AI coding assistant configured locally and a target site whose terms of service allow rebuilding.

MIT license, free to use and modify for any purpose with attribution.

In plain English

AI Website Cloner Template is a starter project that helps an AI coding assistant rebuild any public website as a fresh, modern Next.js codebase. You clone the template, point it at one or more URLs, and run a slash command called /clone-website inside an AI agent. The agent then visits the target site, takes screenshots, extracts the design details, writes specifications for each piece of the page, and dispatches separate worker agents to rebuild every section in parallel. The authors recommend pairing it with Claude Code running the Opus 4.7 model, but the README lists more than a dozen supported assistants, including Codex CLI, OpenCode, GitHub Copilot, Cursor, Windsurf, Gemini CLI, Cline, Roo Code, Continue, Amazon Q, Augment Code, and Aider. A file called AGENTS.md holds the master set of project instructions, and small platform-specific copies for Claude and Gemini are generated from it by a sync script so that whichever agent you use picks up the same rules. The pipeline the README describes runs in five phases. First the agent does reconnaissance, taking screenshots and probing the site by scrolling, clicking, and resizing. Then it lays the foundation, copying over fonts, colours, global styles, and downloaded assets. After that it writes detailed component specs that record exact CSS values, interaction states, and responsive behaviour. Builder agents then work in separate git worktrees, each handling one section, before everything is merged together and a visual diff against the original is run as a quality check. The generated project is built on Next.js 16 with the App Router, React 19, TypeScript in strict mode, Tailwind CSS v4 with oklch design tokens, shadcn/ui components on top of Radix primitives, and Lucide icons that get swapped out for SVGs extracted from the target. The README is upfront about what the tool should not be used for, including phishing, impersonating brands, passing off someone else's design as your own, or scraping sites whose terms forbid it. Suggested legitimate uses are migrating off WordPress or Webflow, recovering a site whose source code is lost, and studying production sites by examining real reconstructed code. The project is MIT licensed.

Copy-paste prompts

Prompt 1
Give me a 5-minute setup guide for ai-website-cloner-template with Claude Code
Prompt 2
Show me how to run /clone-website against a target URL and merge the worktree results
Prompt 3
Walk me through the AGENTS.md file and how it controls the cloning pipeline
Prompt 4
How do I switch the template to use Cursor or Codex CLI instead of Claude Code
Prompt 5
Show me how the visual diff step compares the rebuilt site against the original

Frequently asked questions

What is ai-website-cloner-template?

Starter template that drives AI coding agents to rebuild any public website as a modern Next.js codebase using a /clone-website slash command.

What language is ai-website-cloner-template written in?

Mainly TypeScript. The stack also includes Next.js, React, TypeScript.

What license does ai-website-cloner-template use?

MIT license, free to use and modify for any purpose with attribution.

How hard is ai-website-cloner-template to set up?

Setup difficulty is rated moderate, with roughly 1h+ to a first successful run.

Who is ai-website-cloner-template for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.