Website mit Claude Code klonen (2026): der echte Pipeline-Ablauf und seine Grenzen
Ein Builder-Guide zum Website-Klonen mit Claude Code: fünf Phasen, Messung im echten Browser, Rekonstruktion als editierbarer React- und Tailwind-Code, Setup, typische Bruchstellen und wann ein gehosteter KI-Website-Cloner sinnvoller ist.
Eine Website mit Claude Code zu klonen ist kein Screenshot-Tool und kein Speichern unter. Es ist eine agentische Pipeline: Claude Code öffnet eine Live-URL, misst die echte Seite im Browser — computed CSS, Breakpoints, Assets — und baut sie Sektion für Sektion als editierbaren React- und Tailwind-Code neu.
Der entscheidende Unterschied lautet: gemessen, nicht geraten. Genau deshalb ist das Ergebnis Code, den du ändern und rebranden kannst.
Ein Agenten-Loop: messen, abschnittsweise nachbauen, gegen das Original diffen.
Kurzfassung
| Frage | Antwort |
|---|---|
| Was ist es? | Claude Code misst eine URL und rekonstruiert sie als React + Tailwind. |
| Was brauchst du? | Claude Code mit Browserzugriff, ein gutes Modell, Node und Prompt oder Skill. |
| Eine Command? | Mit Skill ungefähr /clone-website <url>; ohne Skill ein geführter Mehrphasen-Prompt. |
| Was bekommst du? | Komponenten, Tokens, Spacing und Breakpoints; keinen Screenshot. |
| Wo bricht es? | Animation, WebGL, kommerzielle Fonts, lazy-loaded CDN-Assets. |
| Setup überspringen? | Clonesite läuft gehostet: URL einfügen, Preview kostenlos, Clone ab $2. |
Was wirklich passiert
Eine URL liefert mehr als ein Screenshot. Im Browser liest Claude Code getComputedStyle(), beobachtet responsive Verhalten, lädt Assets herunter und erkennt die tatsächlich gerenderten Fonts.
Danach werden Section-Specs geschrieben: Abstände, Typografie, States, Hover, Fokus und mobile Regeln. Der Build passiert nicht aus einem großen Prompt, sondern aus messbaren Vorgaben.
Die fünf Phasen sind Reconnaissance, Foundation, Component Specs, Parallel Build und Assembly mit Visual QA. Die QA ist eine Schleife, kein Haken.
Selbst ausführen
Du brauchst Claude Code mit Chrome- oder Playwright-MCP-Zugriff, Node und einen Clone-Prompt oder Skill. Open-Source-Templates packen diesen Ablauf oft in Next.js.
Next.js ist gut, wenn das dein Ziel ist. Für eine portable Marketing-Seite ist das manchmal zu viel Scaffold. Clonesite liefert stattdessen eine Vite SPA in React und Tailwind und kann denselben Clone auf TanStack Start oder andere Stacks anpassen.
Wo es bricht
Unbeaufsichtigte Runs scheitern vor allem an:
- scrollgetriebener Animation, GSAP und WebGL;
- kommerziellen Fonts, die du nicht ausliefern darfst;
- lazy-loaded oder CDN-Assets, die später 404 liefern;
- JavaScript-only-Seiten mit wenig HTML;
- Auth-Walls;
- großen Seiten mit hohem Token- und Review-Aufwand.
Das macht Website-Klonen nicht nutzlos. Es macht es zu einem Workflow mit menschlicher Review.
DIY oder gehostet
Claude Code selbst zu betreiben gibt maximale Kontrolle, aber du besitzt Setup, Token-Kosten, QA und fragile Fälle. Ein gehosteter KI-Website-Cloner übernimmt diese harten Teile, zeigt erst eine kostenlose Preview und gibt dir den Source, wenn die Seite bereit ist.
In beiden Fällen gilt dieselbe Regel: Layout behalten, Marke ersetzen und erst veröffentlichen, wenn die Seite wirklich deine ist. Danach helfen die Design-Schritte für einen eigenen Brand.
FAQ
Was heißt es, eine Website mit Claude Code zu klonen?+
Claude Code öffnet eine Live-URL im Browser, misst Layout, CSS, Breakpoints und Assets und rekonstruiert die Seite als editierbaren React- und Tailwind-Code. Du bekommst Code, keinen Screenshot.
Kann Claude Code jede Website klonen?+
Es kann öffentliche Seiten bearbeiten, die ein Browser öffnen kann. Einfache Landingpages funktionieren am besten; schwere Animationen, WebGL, kommerzielle Schriften und lazy-loaded Assets brauchen oft menschliche Nacharbeit.
Wie lange dauert das?+
Eine einzelne Landingpage ist eine mittlere Agenten-Session. Größere Seiten sind Langläufer. Ein gehosteter Clonesite-Clone dauert meist ein bis drei Stunden und startet mit kostenloser Preview.
Muss ich programmieren können?+
Für Claude Code im eigenen Setup: ja. Du installierst Tooling, gibst Browserzugriff, prüfst Specs und reparierst Assets. Ein gehosteter Cloner übernimmt diese Pipeline.
Ist das rechtlich okay?+
Ja, wenn der Clone ein Scaffold bleibt. Layout-Muster sind üblich; Logos, Namen, Copy, Fotos und markenrechtliche Begriffe müssen ersetzt werden.
Weitere Guides
Die besten KI Website Cloner Tools 2026Der beste Website Cloner ist der, dessen Input und Output zu deiner Aufgabe passen — URL-zu-Code, um ein echtes Layout wiederzuverwenden, Screenshot-zu-Code für ein statisches Mockup und Prompt-zu-Seite zum Bauen von Grund auf. Vergleiche sie nach Input-Typ, Editierbarkeit und Export-Qualität, bevor du wählst.
URL klonen vs. Screenshot zu Code: Was sich im Output wirklich ändertURL-Klonen liest die echte Struktur einer Live-Seite — DOM, CSS, Schriften, Links und responsive Breakpoints — und baut sie als editierbaren Code neu auf. Screenshot zu Code sieht nur Pixel, erschließt also das Layout und verliert Schriften, Links und Responsiveness. Der Unterschied zeigt sich direkt darin, wie brauchbar der Output ist.
Website per API klonen — gebaut für KI-AgentenEin Entwicklerleitfaden zur Clonesite Clone API über REST oder gehostetes MCP. Erstelle einen API-Key oder nutze OAuth für Agenten, ergänze Webhook-Signing nur bei Callbacks und lass den Agenten Preflight, Clone Request, Status-Polling und den Download von editierbarem React- und Tailwind-Code übernehmen.