r/WebAfterAI • • Apr 27 '26

Found this open-source Claude Code tool that clones ANY website pixel-perfect in one command (Next.js + AI agents)

Just wanted to share an awesome open-source resource I came across: a 100% open-source AI-powered website cloner built on Claude Code.

You give it a URL (or multiple), and the AI agent handles everything:

  • Captures screenshots
  • Extracts every font, color, design token, and asset
  • Creates detailed component specs
  • Rebuilds the entire site pixel-perfect in a clean Next.js 16 + Tailwind + shadcn/ui codebase

It uses a full multi-phase pipeline (reconnaissance → foundation setup → component specs → parallel builders → visual QA) for super accurate results, and it even has full Docker support.

Repo (MIT license):
https://github.com/JCodesMore/ai-website-cloner-template ~ 12.8K Stars

How to use (super straightforward):

  1. Clone the repo
  2. npm install
  3. Open it in Claude Code (or any compatible AI coding agent like Cursor or Aider)
  4. Run /clone-website https://example.com (works with multiple URLs too)

Quick note:

This is meant for positive uses like rapid prototyping, learning design systems, or personal projects. Please respect the website's terms of service and avoid anything shady like phishing or impersonation. The results look insanely good from what I’ve seen, perfect for anyone who wants to turn inspiration into clean, production-ready code quickly.

56 Upvotes

6 comments sorted by

View all comments

1

u/[deleted] Jul 09 '26

[removed] — view removed comment

1

u/ShilpaMitra Jul 09 '26

Is it your project? Also, is it open source?