← all repositories
JCodesMore/ai-website-cloner-template

AI agents that reverse-engineer websites into React

A Next.js template that turns AI coding agents into parallel website reconstruction crews.

16.5k stars TypeScript Coding Assistants
ai-website-cloner-template
Velocity · 7d
+190
★ / day
Trend
steady
star history

What it does

This is a starter template for AI coding agents—not a CLI tool itself. You set it up, point your agent at a URL, and run /clone-website. The agent then screenshots the target, extracts design tokens and assets, writes component specs, and dispatches parallel builder agents (one per section) using git worktrees. The output is a Next.js 16 / React 19 / Tailwind v4 codebase with shadcn/ui primitives.

The interesting bit

The heavy lifting isn’t code you write—it’s the prompt engineering and agent orchestration baked into the template. The /clone-website skill feeds builders exact getComputedStyle() values, interaction models, and responsive breakpoints inline, then runs a visual diff against the original for QA. It’s essentially a reproducible workflow for turning a live site into a spec-driven rebuild.

Key highlights

  • Supports 12+ AI agents: Claude Code (recommended, Opus 4.7), Codex CLI, Cursor, GitHub Copilot, Gemini CLI, Cline, and others
  • Multi-phase pipeline: reconnaissance → foundation → component specs → parallel build → assembly & QA
  • Uses git worktrees to let multiple agent builders work on sections simultaneously without collision
  • Single-source-of-truth config: edit AGENTS.md or .claude/skills/clone-website/SKILL.md, run sync scripts to regenerate all platform-specific copies
  • Explicitly disallows phishing, impersonation, and terms-of-service violations

Caveats

  • Requires Node.js 24+ and an AI coding agent subscription; the template alone does nothing
  • README warns against cloning the template repo directly for projects—use GitHub’s “Use this template” button instead
  • No benchmarks, cost estimates, or success-rate stats provided

Verdict

Worth a look if you’re migrating a site you own off WordPress/Webflow, recovering lost source code, or studying how production layouts are built. Not useful if you want a one-click tool without agent setup, or if you’re looking to rip off someone else’s design.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.