O que é o ditto.site?

ditto.site é um clonador de sites determinístico e de código aberto. Aponte-o para qualquer URL pública e, em minutos, você recebe uma cópia fiel como código Next.js ou Vite limpo e componentizado. Diferente de ferramentas que dependem de resultados imprevisíveis de LLMs, o ditto é totalmente determinístico — o que significa que cada clone é rápido, barato e consistente. Ele extrai componentes, tokens de design, interações, estados de hover e muito mais, entregando uma base de código real que você pode usar imediatamente.

Para quem é

• Construtores de aplicativos de IA — que precisam de um ponto de partida fiel e com código real para cada novo cliente, em vez de uma tela em branco.
• Desenvolvedores migrando ou redesenhandosites — que desejam capturar um site existente como componentes tipados e de fácil manutenção, em vez de começar do zero.
• Engenheiros de agentes e automação — que desejam integrar uma ferramenta de clonagem ao Claude, Cursor ou seu próprio loop de construção via servidor MCP.

Principais recursos

Mecanismo de clonagem determinístico

O ditto não aponta um LLM para o seu site e torce pelo melhor. O pipeline totalmente determinístico oferece resultados rápidos, estáveis e consistentes todas as vezes. Você obtém um resultado 100% reproduzível com alta fidelidade — sem surpresas, sem alucinações.

Saída componentizada

O DOM repetido é dividido em componentes, regiões limpas da página se tornam seções e um modelo de conteúdo editável é extraído. O resultado é um projeto real com código tipado e tokenizado — não um arquivo gigante. Estados de hover, menus suspensos, acordeões e movimentos declarativos são todos preservados.

Três modos de integração

Use o mesmo mecanismo determinístico da forma que preferir. Hospede você mesmo todo o pipeline com a versão de código aberto licenciada sob MIT, chame a API REST hospedada com um fluxo simples de POST e polling, ou conecte o servidor MCP a qualquer agente para clonagem automatizada dentro do seu loop de construção.

Flexibilidade de framework e estilo

Escolha entre Next.js ou Vite como seu framework de saída, e Tailwind v4 ou CSS puro para estilização. O ditto suporta rotas de página única e múltiplas páginas, e tudo é emitido em TypeScript por padrão.

O que se destaca

"É o primeiro passo perfeito para construtores de aplicativos de IA: dê a cada novo cliente um ponto de partida fiel e com código real, em vez de uma tela em branco."

A maioria das ferramentas de clonagem produz resultados bagunçados e difíceis de manter, ou depende de IA imprevisível. A abordagem determinística do ditto significa que você obtém uma base de código limpa e componentizada todas as vezes — com tokens de design, fontes, interações e pontos de quebra extraídos automaticamente. É rápido o suficiente para usar em fluxos de trabalho em tempo real e barato o suficiente para ser executado em escala.

Vale a pena conferir se…

Você está construindo aplicativos com tecnologia de IA e precisa de uma maneira confiável de clonar sites reais como modelos iniciais, ou deseja migrar um site existente para um framework moderno sem retrabalho manual. O ditto também é ideal se você está automatizando fluxos de trabalho com agentes e precisa de uma ferramenta de clonagem determinística e de código aberto que possa hospedar você mesmo ou chamar via API.