Skip to content
Get packs

AI Website Cloner

A template that has an AI coding agent copy a website into a clean Next.js app.JCodesMore/ai-website-cloner-template

GitHub Download v0.6.1
Stars
38.4k
Forks
5.7k
Licence
MIT
Language
TypeScript
Last update
17 days ago
Type
App

What it is

This is a starter project for a Next.js website. You give an AI coding agent such as Claude Code, Codex, Cursor, or OpenCode a web address, and the agent uses the /clone-website workflow to inspect the page and rebuild it as editable React components. The README says the agent maps routes, extracts assets and fonts, builds the pages, and compares them against the original, and it notes that results depend on the agent used.

  • Rebuild a site you own from a legacy builder into a modern Next.js codebase
  • Recover editable code for a live site whose repository is gone
  • Study how a real site achieves a particular responsive layout or animation
  • Ask the agent to make changes to the cloned site after it is built

Great for

  • Developers who want a working Next.js starting point for a site they already own
  • Teams migrating a site off WordPress, Webflow, or Squarespace
  • People who lost the source code for a live website
  • Learners who want to study how a production site's layout and animations are built

Not ideal for

  • Copying other people's sites for deceptive purposes, impersonation, or passing off their design as your own, which the README explicitly prohibits
  • Sites whose terms of service forbid scraping or reproduction, since the README says to check first
  • People without an AI coding agent subscription or setup, since the workflow depends on one
Step-by-step guide: how to use AI Website ClonerInstall, first run, examples, tips and FAQs
AI Website Cloner alternativesAI Website Cloner vs LibreChatAI Website Cloner vs Open SaaSai-goofish-monitor vs AI Website ClonerAI Website Cloner vs IDA Pro MCP

How to get it

  1. 1

    Clone and build from source

    You'll need: Node.js 24+ · An AI coding agent such as Claude Code, Codex CLI, Cursor, or OpenCode

    Install dependencies and run checks (after cloning the repo)

    npm run check

    Start the dev server

    npm run dev
  2. 2

    Run it

    • Clone the repository or create your own copy from the template
    • Open the project in an AI coding agent with browser access enabled
    • Run /clone-website with the target URL in Claude Code or Cursor
    • Review the build and ask the agent for changes
  3. 3

    Get the most out of it

    • Use Claude Code with Opus 5.5, which the README names as the recommended setup
    • Read the docs/research output for each site to see the page brief, asset map, and inspection evidence
    • Use the comparison screenshots and remaining-gaps list to guide follow-up fixes
    • Run npm run build and npm run typecheck before deploying changes

Downloads

Source code (.zip)master branch · straight from GitHubRelease v0.6.1Release notes and sourceOfficial website & docsdsc.gg/jcodesmore

Strengths

  • Uses a single command workflow driven by an AI agent, as described in the README
  • Output is a standard Next.js 16, React 19, and TypeScript project with Tailwind CSS
  • Ships with lint, typecheck, and build checks through npm run check

Trade-offs

  • Results depend on the AI agent and model; the README says best results come with Claude Code and Opus 5.5
  • Cloning copyrighted or brand material carries legal and ethical responsibility on the user
  • The README does not describe accuracy limits for complex or highly dynamic sites in detail

How it compares

ProjectStarsTypeLevelUpdatedBest for
ai-website-cloner-template (this)38.4kAppintermediate17 days agoDevelopers who want a working Next.js starting point for a site they already own
create-react-app103kDev toolbeginner1.7 years agoFollowing an existing React tutorial that uses Create React App
ECC295kDev toolintermediate4 days agoDevelopers who already use Claude Code and want a shared workflow for planning, testing and review
ponytail182kAI model / agentbeginner8 days agoDevelopers who use Claude Code or similar AI agents and find the generated code too long
oh-my-claudecode40.5kDev toolintermediate4 days agoDevelopers already using Claude Code who want multi-agent workflows
khazix-skills21.8kCurated listbeginner1 months agoDevelopers already using Claude Code, Codex, or another Agent Skills-compatible agent who want ready-made skills

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.