Claude Code + AI Website Cloner — Clone qualquer site com um comando

Antes de te explicar como… deixa eu te fazer uma pergunta.

Você já perdeu dias recriando um layout que já existia em outro site?

Se a resposta for sim — para tudo agora e lê isso até o final.

Porque o que eu vou te mostrar não é um gerador de template genérico. É um pipeline completo de clonagem que usa o Claude Code pra inspecionar, extrair e reconstruir qualquer site — seção por seção, pixel por pixel — com agentes rodando em paralelo.

E o melhor: open source, MIT License, funciona com Claude Code, Cursor, Codex e mais 10 agentes.

📌 O problema que ninguém fala

Você quer recriar um site ou landing page.

Abre o inspetor do navegador. Copia CSS na mão. Tenta replicar o layout. Perde o alinhamento. Refaz três vezes.

Ou contrata um dev front-end. Semanas. Revisões. Custo alto.

Isso não é produtividade. É trabalho manual disfarçado de desenvolvimento.

⚡ O que é o AI Website Cloner

O AI Website Cloner é um template open source que transforma o Claude Code num agente especialista em engenharia reversa de sites.

Você aponta uma URL. Roda /clone-website. O agente faz o resto.

Pipeline completo em 5 fases automáticas:

🔍 Reconhecimento — screenshots, extração de tokens de design, varredura de interações (scroll, clique, hover, responsividade)

🏗️ Fundação — atualiza fontes, cores, globals, baixa todos os assets

📋 Specs de componentes — escreve arquivos de spec detalhados com valores exatos de CSS computado, estados, comportamentos e conteúdo

⚡ Build paralelo — dispara agentes builders em git worktrees, um por seção ou componente

✅ Assembly e QA — faz merge dos worktrees, monta a página e roda diff visual contra o original

Cada agente builder recebe a especificação completa do componente — valores exatos de getComputedStyle(), modelos de interação, conteúdo multi-estado, breakpoints responsivos e paths de assets.

Zero achismo. Zero suposição.

🚀 O que muda na prática

🔍 Extraia tokens de design, fontes e assets automaticamente

🎨 Clone o visual exato com valores CSS computados reais

⚡ Build paralelo — múltiplos agentes construindo seções ao mesmo tempo

✅ QA automático com diff visual contra o site original

🧠 Como funciona o setup

3 comandos. Menos de 5 minutos.

bash

git clone https://github.com/JCodesMore/ai-website-cloner-template.git
cd ai-website-cloner-template
npm install
claude --chrome

Depois é só rodar:

bash

/clone-website <url-do-site>

O Claude inspeciona o site, extrai tudo e começa a construir. Você acompanha o progresso no terminal. Quando terminar, você tem um clone funcional pra personalizar.

📊 Pontos importantes

• Recomendado: Claude Code com Opus 4.6 — melhor resultado

• Funciona também com Cursor, Codex, Gemini CLI, Cline e mais 10 agentes

• Stack: Next.js 16, React 19, shadcn/ui, Tailwind CSS v4, TypeScript

• Requer Node.js 20+

• MIT License — use em projetos comerciais sem restrição

• Um arquivo AGENTS.md como fonte de verdade pra todos os agentes

O gargalo não é o talento do dev. É o tempo gasto replicando o que já existe.

Clone uma vez. Personalize o que importa.

🤖 Automação de IA + SDR Agente no seu DM

Para de pagar plataforma cara. Chega de depender de ManyChat.

Essa automação roda no n8n com Claude. Você configura uma vez e o agente trabalha por você — qualificando, respondendo e agendando 24h por dia.

Sem mensalidade de plataforma. Sem setter. Sem retrabalho.

R$ 197,00 R$ 67,00

👉 QUERO A AUTOMAÇÃO AGORA https://pay.hub.la/b5EehyBTsmtUHRliHJsV

🔧 Stack de IA — O que eu uso hoje

Qual agente usar? Qual LLM compensa? Qual ferramenta evita retrabalho?

Sem teoria. Só execução real.

R$ 197,00 R$ 97,00

👉 QUERO O STACK AGORA https://pay.hub.la/1IqrzdkkImg4uV1AiJ5W

🎬 Workflow — Vídeo com IA em escala

Da ideia ao vídeo publicado. Sem editor humano. Em escala.

R$ 247,00 R$ 127,00

👉 QUERO O WORKFLOW COMPLETO https://pay.hub.la/YbgbliYZ7NgFObqX2zZn

Links úteis:

VALT Club (WhatsApp) → https://l1nk.dev/bKHHy

SAAS Club (Discord) → https://discord.gg/28JkARfAKj

YouTube → https://youtube.com/@kauanguedessaas

Instagram → https://instagram.com/@kauangueedes