# Ditto Clonador de sitios web de código abierto que convierte una URL pública en código componentizado para Next.js o Vite, con opciones autoalojadas, API alojada y MCP. - Findings24: - Sitio web: - Precios: Freemium - Categorías: Constructor Web IA ## ¿Qué es Ditto? Ditto es un clonador determinista de sitios web y de código abierto. Toma una URL pública y la convierte en una base de código limpia y componentizada; la página de inicio y los ejemplos de API muestran Next.js y Vite como destinos de salida. El producto está orientado a desarrolladores que buscan un punto de partida fiel en lugar de un lienzo en blanco. El sitio indica que Ditto conserva la fidelidad, extrae sistemas de diseño y otros detalles de la interfaz, y puede utilizarse como herramienta autoalojada, API alojada o flujo de trabajo de agentes conectado mediante MCP. ## ¿Qué puede hacer Ditto? ### Clonación de sitios web a código Acepta una URL pública y produce un sitio clonado como código componentizado, en lugar de una captura plana de la página. ### Salida orientada a frameworks Reconstruye la salida como proyectos de Next.js o Vite, proporcionando una base de código real que los usuarios pueden editar y ampliar. ### Flujo determinista Se describe como determinista y el sitio lo contrasta explícitamente con las conjeturas basadas en LLM. ### Extracción de interfaz y diseño Extrae sistemas de diseño, tokens, fuentes, interacciones, movimiento, puntos de interrupción y secciones de página, según el texto de la página de inicio. ### Estructura de proyecto componentizada Divide el DOM repetido en componentes, convierte regiones en secciones y genera contenido semántico editable y archivos de proyecto. ### Múltiples formas de ejecutarlo Admite tres modos de acceso: código abierto autoalojado, API REST alojada y servidor MCP para agentes. ## Casos de uso ### Iniciar un proyecto nuevo a partir de un sitio existente Un desarrollador puede enviar a Ditto la URL de un sitio público y obtener una base de código que sirva como punto de partida para reconstruir o ampliar la interfaz en Next.js o Vite. ### Autoalojar el flujo de clonación Un equipo puede ejecutar el clonador de código abierto en su propia máquina o infraestructura cuando quiera inspeccionar el flujo y mantenerlo internamente. ### Automatizar la clonación de sitios web mediante una API Una aplicación puede llamar a la API REST alojada para poner en cola un trabajo de clonación, supervisar el progreso y recuperar el proyecto terminado sin configurar la infraestructura localmente. ### Añadir la clonación a flujos de trabajo de agentes Un agente de AI o un ciclo de creación puede conectarse al servidor MCP y utilizar Ditto como herramienta para convertir una URL objetivo en código durante un flujo de trabajo iterativo. ### Revisar y perfeccionar una base de código generada Un diseñador o ingeniero puede revisar los componentes, las secciones, el modelo de contenido y los tokens extraídos como base estructurada para seguir editando. ## Preguntas frecuentes ### ¿Qué hace Ditto? Ditto es un clonador de sitios web de código abierto que toma una URL pública y devuelve una base de código componentizada. La fuente muestra que puede generar proyectos de Next.js o Vite y utilizarse mediante el flujo autoalojado, la API REST alojada o un servidor MCP. ### ¿Cómo puedo usar Ditto? El sitio muestra tres formas de uso: autoalojar el clonador con código fuente bajo licencia MIT, enviar trabajos a la API REST alojada en api.ditto.site o conectar el servidor MCP para flujos de trabajo de agentes. ### ¿Qué tipo de salida produce? La página de inicio indica que Ditto puede reconstruir páginas en código limpio y componentizado de Next.js o Vite. También menciona sistemas de diseño, tokens, fuentes, interacciones, movimiento, puntos de interrupción y secciones extraídos. ### ¿Ditto es determinista? La página de inicio describe Ditto como determinista e indica que no depende de un LLM para hacer conjeturas sobre la estructura de la página. La página del producto también destaca una salida que conserva la fidelidad y copias estables a nivel de bytes. ### ¿Cuánto cuesta Ditto? La página de precios en /pricing devolvió un error 404 en las pruebas recopiladas, por lo que no hay información de precios confirmada en la instantánea del sitio proporcionada. ## Datos rápidos - **Categoría**: Herramienta para desarrolladores - **Dominio de origen**: ditto.site - **Licencia**: MIT - **Salida principal**: Código componentizado de Next.js o Vite - **Modos de acceso**: Autoalojado, API REST, servidor MCP - **Flujo de trabajo clave**: Indicarle una URL pública y generar un proyecto clonado