Clone any website with AI 🚀

@brennan_wells

38.9K followers · usually 892 views a post

Views

9.1K

Likes

394

Comments

37

Shares

159

Selling · SaaS › AI Tool

AI Website Cloner Template

https://github.com/ai-website-cloner-template ↗

Why it worked

The video leverages a novel and powerful AI tool that automates a complex task (website cloning), presented with a clear demonstration and a compelling hook. The mention of 'Claude Code' and the offer of free resources further incentivizes engagement.

Summary

This video showcases a GitHub repository that uses AI coding agents to clone any website into a Next.js codebase with a single command. The template automates the process of inspecting a site, extracting design elements, and reconstructing it.

Structure

1Introduction of the AI website cloner GitHub repo
2Explanation of its functionality and recommended tools
3Demonstration of the cloning process and its steps
4Highlighting the repo's usefulness with Claude Code
5Call to action for more information on Claude Code

Product placement

The video prominently features the GitHub repository page for the 'AI Website Cloner Template', explaining its features and how it works. The creator also mentions using it in combination with 'Claude Code'.

Original caption

Clone any website with AI #ai #aitools #aitutorial #aiagency #aiagents

More from @brennan_wells

Their other posts in the index, biggest breakout first.

Call to action

Make sure to comment below in the comments and I'll send you my free Claude code.

On-screen text

Clone any website with AI 🚀 AI Website Cloner Template license MIT stars 31k discord 71 online tokens 38.4K 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 Original Clone 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. How It Works The /clone-website skill runs a multi-phase pipeline: 1. Reconnaissance – screenshots, design token extraction, interaction sweep (scroll, click, hover, responsive) 2. Foundation – updates fonts, colors, globals, downloads all assets 3. Component Specs – writes detailed spec files (docs/research/components/) with exact computed CSS values, states, behaviors, and content 4. Parallel Build – dispatches builder agents in git worktrees, one per section/component 5. Assembly & QA – merges worktrees, wires up the page, runs visual diff against the original Each builder agent receives the full component specification inline – exact getcomputedStyle() values, interaction models, multi-state content, responsive breakpoints, and asset paths. No guessing.

Transcript

So somebody just made this GitHub repo, it's insane. This repo allows you to clone any website using AI coding agents with a single command and it's basically 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. Original. Clone. 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 and do not clone this repo and then use the skill the /clone command and run a multi phase process that will clone any of your chosen. It'll take screenshots of your target website, extract tokens, download all the assets, write detailed spec files and then dispatch a parallel group of AI agents which will construct and build out the website. This is a great repo to use in combination with Claude code to clone any website. Now if you want to go deeper with Claude code and really learn how to take advantage of that tool in the best possible way. Make sure to comment below in the comments and I'll send you my free Claude code.