Ditto: Clona cualquier sitio web en minutos
Ditto es un clonador de sitios web determinista de código abierto que transforma cualquier página en código limpio y componentizado de Next.js o Vite en menos de 5 minutos. A diferencia de las soluciones basadas en LLM, garantiza resultados consistentes y estables, extrayendo sistemas de diseño completos, tokens, tipografías, interacciones y breakpoints para ofrecer un punto de partida profesional en lugar de una página en blanco.
Características principales
- Clonación determinista: Obtén resultados idénticos y predecibles sin depender de la aleatoriedad de los modelos de lenguaje
- Extracción de componentes: Convierte estructuras DOM repetidas en componentes reutilizables y bien organizados
- Sistemas de diseño completos: Identifica automáticamente tokens de diseño, fuentes web, estados de interacción y motion declarativo
- Tres modalidades de uso: Código abierto para self-hosting, API REST hospedada o servidor MCP para integración con agentes de IA
- Código mantenible: Genera proyectos tipados con secciones limpias, modelos de contenido editables y estructura profesional
Casos de uso
- Migración de sitios legacy: Convierte sitios antiguos en aplicaciones modernas de Next.js o Vite sin reescribir desde cero
- Prototipado acelerado: Permite a equipos de diseño y desarrollo clonar referencias visuales como punto de partida funcional
- Integración con agentes de IA: Conecta con Claude, Cursor u otros flujos de trabajo de agentes para automatizar la creación de proyectos base
- Aprendizaje de arquitectura: Estudia cómo se estructuran sitios profesionales analizando el código componentizado generado
Público objetivo
Ditto está dirigido a desarrolladores frontend, equipos de producto que construyen aplicaciones con IA, agencias digitales que necesitan acelerar entregas, y cualquier persona que busque un punto de partida sólido en código real para proyectos web sin empezar desde cero.