Ditto
Quelloffenes, deterministisches Tool zum Klonen von Websites, das jede Website in fünf Minuten in komponentisierten Next.js- oder Vite-Code verwandelt.
Über Ditto
Ditto ist ein quelloffenes, deterministisches Tool zum Klonen von Websites. Du gibst eine beliebige Website an und erhältst innerhalb von fünf Minuten sauberen, komponentisierten Next.js- oder Vite-Code. Laut offizieller Beschreibung setzt es nicht auf das Glück großer Sprachmodelle, sondern liefert schnelle, stabile und konsistente Ergebnisse und extrahiert Designsysteme, Tokens, Schriftarten, Interaktionen, Animationen, Breakpoints und Seitenabschnitte. Die Ausgabe verwendet TypeScript, unterstützt Tailwind v4 oder CSS für Styles sowie Single-Page- und Multi-Page-Routing. Neben dem Selbsthosting der gesamten Pipeline kannst du die gehostete REST API nutzen: URL einreichen, Abschluss abfragen, Projekt abrufen und den Fortschritt in Echtzeit verfolgen. Außerdem gibt es einen MCP-Server für Claude, Cursor oder deinen eigenen Build-Prozess. Ditto steht unter der MIT-Lizenz und ist auf der Seite mit $0 angegeben.
Am besten geeignet
Beste Einsatzszenarien
Eine bestehende Website in ein sauberes, komponentisiertes Next.js- oder Vite-Projekt klonen
Neuen Nutzern einer KI-Anwendung einen echten Ausgangspunkt für Code geben
Website-Klonen über die REST API in einen automatisierten Workflow integrieren
Agenten wie Claude und Cursor die Klonfunktion direkt aufrufen lassen
Funktionen
Deterministisches Klonen
Erzeugt in fünf Minuten sauberen, komponentisierten Next.js- oder Vite-Code, ohne auf das Glück großer Sprachmodelle zu setzen
Extraktion des Designsystems
Extrahiert Designsysteme, Tokens, Schriftarten, Interaktionen, Animationen, Breakpoints und Seitenabschnitte
REST API
URL einreichen, bis zum Abschluss abfragen, Projekt abrufen und den Fortschritt von Scraping, Generierung und Validierung in Echtzeit sehen
MCP-Server
Die Klonfunktion mit Claude, Cursor oder deinem eigenen Build-Prozess verbinden, damit jeder Agent sie aufrufen kann
Vorteile
- Deterministische Ausgabe, schnell, stabil und konsistent
- Erzeugt sauberen, komponentisierten Next.js- oder Vite-Code
- Vollständig quelloffen unter MIT-Lizenz, die gesamte Pipeline kann selbst gehostet werden
- REST API und MCP-Server zur einfachen Integration in Agenten-Workflows