ditto.site

¿Qué es ditto.site?

ditto.site es un clonador de sitios web determinista y de código abierto. Apúntalo a cualquier URL pública y, en cuestión de minutos, recibirás una copia fiel como código limpio y componentizado en Next.js o Vite. A diferencia de las herramientas que dependen de resultados impredecibles de LLM, ditto es completamente determinista, lo que significa que cada clonación es rápida, económica y consistente. Extrae componentes, tokens de diseño, interacciones, estados hover y más, entregando un código base real sobre el que puedes construir de inmediato.

Para quién es

• Creadores de aplicaciones con IA — que necesitan un punto de partida fiel y con código real para cada nuevo cliente, en lugar de un lienzo en blanco.
• Desarrolladores que migran o rediseñan sitios — que quieren capturar un sitio web existente como componentes tipados y mantenibles, en lugar de empezar desde cero.
• Ingenieros de agentes y automatización — que desean integrar una herramienta de clonación en Claude, Cursor o su propio bucle de construcción a través del servidor MCP.

Características principales

Motor de clonación determinista

Ditto no apunta un LLM a tu sitio y espera lo mejor. El pipeline completamente determinista ofrece resultados rápidos, estables y consistentes cada vez. Obtienes un resultado 100% reproducible con alta fidelidad: sin sorpresas, sin alucinaciones.

Salida componentizada

El DOM repetido se divide en componentes, las regiones limpias de la página se convierten en secciones y se extrae un modelo de contenido editable. El resultado es un proyecto real con código tipado y tokenizado, no un archivo gigante. Los estados hover, menús desplegables, acordeones y movimientos declarativos se conservan.

Tres modos de integración

Usa el mismo motor determinista como prefieras. Aloja todo el pipeline tú mismo con la versión de código abierto con licencia MIT, llama a la API REST alojada con un flujo simple de POST y sondeo, o conecta el servidor MCP a cualquier agente para clonación automatizada dentro de tu bucle de construcción.

Flexibilidad de framework y estilo

Elige entre Next.js o Vite como framework de salida, y Tailwind v4 o CSS plano para el estilo. Ditto admite rutas de una sola página y de varias páginas, y todo se emite en TypeScript por defecto.

Lo que destaca

"Es el primer paso perfecto para los creadores de aplicaciones con IA: dale a cada nuevo cliente un punto de partida fiel y con código real en lugar de un lienzo en blanco."

La mayoría de las herramientas de clonación producen resultados desordenados y difíciles de mantener, o dependen de IA impredecible. El enfoque determinista de Ditto significa que obtienes un código base limpio y componentizado cada vez, con tokens de diseño, fuentes, interacciones y puntos de interrupción extraídos automáticamente. Es lo suficientemente rápido para usar en flujos de trabajo en tiempo real y lo suficientemente económico para ejecutarlo a escala.

Vale la pena echarle un vistazo si…

Estás construyendo aplicaciones impulsadas por IA y necesitas una forma confiable de clonar sitios web reales como plantillas de inicio, o quieres migrar un sitio existente a un framework moderno sin tener que rehacerlo manualmente. Ditto también es ideal si estás automatizando flujos de trabajo con agentes y necesitas una herramienta de clonación determinista y de código abierto que puedas alojar tú mismo o llamar a través de API.