Ditto clona qualquer site em código Next.js ou Vite em minutos
Ditto: clonador determinístico de sites em código real
Ditto é uma ferramenta open-source (licença MIT) que clona qualquer site e entrega uma cópia em código limpo e componentizado de Next.js ou Vite em até 5 minutos. Diferente de abordagens que usam LLMs para gerar código a partir de screenshots, o Ditto é determinístico: não depende de inferência probabilística, o que significa saída rápida, estável e consistente a cada execução.
O que ele extrai
Além do HTML, o Ditto extrai design systems, tokens de design, fontes, interações, animações, breakpoints e seções. O resultado não é um arquivo gigante: ele divide DOM repetido em componentes, isola regiões limpas em seções, extrai um modelo de conteúdo editável e emite um projeto completo com TypeScript, Tailwind v4, estados de hover/focus, dropdowns, accordions, motion declarativo, SEO, JSON-LD, sitemaps e layout responsivo.
Três formas de uso
- Open source / self-host - clone o repositório no GitHub (ion-design/ditto.site), rode localmente com
npm run clone -- <url>. - REST API hospedada - POST uma URL, acompanhe o progresso do pipeline (captura, geração, verificação) e baixe o projeto resultante.
- Servidor MCP - integre como ferramenta em agentes como Claude, Cursor ou loops de build próprios.
Posicionamento
O Ditto se apresenta como o "primeiro passo ideal para AI app builders": em vez de começar do zero, cada novo cliente recebe um ponto de partida fiel em código real. O projeto tem ~1,2k estrelas no GitHub e é gratuito para self-host; a API hospedada também é gratuita no momento.