Website-Clone-Workflow
Ein KI-Workflow, der eine beliebige Website erfasst und als sauberen, editierbaren HTML-Klon reproduziert — mit einem Inline-Feedback-Widget für Stakeholder-Freigaben direkt im Chat. Kein Ticket, kein Doc-Kommentar-Wust: sagen was stört, der Agent baut um.
2026 · FFWD Labs
Worum geht's?
Kunden-Websites müssen oft schnell als editierbarer Klon vorliegen — für Redesigns, Content-Migration, Prototyping oder als Basis für Website-to-Video. Der manuelle Nachbau kostet Stunden. Dieser Workflow macht daraus Minuten — und den Review-Prozess ein Gespräch.
Der Workflow
01 · Capture
Website erfassen
Headless-Browser, ARIA-Snapshot, Full-Page-Screenshot — die komplette Seite als strukturierte Momentaufnahme.
02 · Analyze
Struktur verstehen
DOM aus dem ARIA-Tree, computed CSS, Inhalte als Markdown — der Agent versteht Aufbau statt nur Pixel.
03 · Clone
Sauber nachbauen
Editierbares HTML/CSS/JS mit lokalen Assets, responsive — als ZIP oder direkt deploybar.
Das Herzstück — Freigabe direkt im Chat
Nach jedem Klon schickt der Agent eine Vorschau mit nativen Inline-Buttons nach Telegram oder Discord. „Anpassen"-Feedback fließt als Textnachricht zurück, der Agent baut um — neue Vorschau in unter 60 Sekunden. Probier's aus:
Vollbild-Screenshot anbei. Passt das so?
Einblicke
Warum das zählt
Das Widget macht den Clone-Prozess zum Gespräch: kein Ticket, kein Kommentar-Wust in Docs. Im Chat sagen was stört, der Agent baut um, neue Vorschau, fertig. Die Feedback-Schleife schrumpft von Stunden auf Minuten — und der Output bleibt portabel: sauberes HTML/CSS/JS, das jeder weiterbearbeiten kann. Optional wird der Klon zur Basis für Video-Compositions.
Unter der Haube