Warum sehen Claude-Code-Websites gleich aus, und was kannst du ändern?

Claude Code ist ein Agent in deinem Terminal, kein Website-Baukasten, also gibt es kein Template, dem man die Schuld geben könnte. Die Gleichheit kommt von woanders.

• Eine Modellfamilie für alle. Alle, die Claude Code nutzen, arbeiten mit denselben Modellen, und ein Modell, das allein entscheiden soll, trifft jedes Mal dieselbe Entscheidung: die sicherste, häufigste.
• Unterspezifizierte Aufgaben. „Bau mir eine Landingpage“ überlässt dem Agenten den Stack, die Abschnitte, ihre Reihenfolge und jedes Wort. Er wählt jeweils den Durchschnitt.
• Die beliebten Voreinstellungen. Ohne andere Anweisung stützt sich das Ergebnis auf das, was das Modell am häufigsten gesehen hat, etwa Tailwind und Komponenten im Stil von shadcn/ui, mit einem zentrierten Hero und einer Reihe Feature-Karten.
• Text ohne Leser geschrieben. Ohne echtes Publikum landen die Worte beim Median: „Leistungsstarke Features, einfache Preise“, „In wenigen Minuten startklar“, „Für Teams jeder Größe gemacht“.

Die Lösung ist kein besseres Modell. Sie besteht darin, dem Modell, das du hast, die Entscheidungen vorzugeben, die es sonst für dich getroffen hätte.

IntentGrid schreibt neu, was die Seite jedem Besucher sagt: Überschriften, Fließtext, Feature-Beschreibungen und Button-Beschriftungen, geschrieben dafür, wie dieser Besucher gekommen ist (Traffic-Quelle, Kampagne, ungefähre Stadt, Gerät, Sprache, Ortszeit). Es passt den Text an, den du schon geschrieben hast, und Markennamen, Preise, Daten und Zahlen stehen auf einer Nicht-anfassen-Liste.

Es bearbeitet dein Repo nicht, öffnet keinen Pull Request und ändert weder CSS noch Layout, Komponenten oder Preise. Ein generisches Layout macht es nicht unverwechselbar, und eine Traffic-Quelle ist es nicht. Es läuft auch nicht in Claude Code: Es arbeitet auf dem HTML, das deine Seite ausliefert, egal, was es erzeugt hat.

Der funktionierende Teil ist heute eine Demo, die eine neu geschriebene Kopie jeder öffentlichen URL in einer Sandbox auf intentgrid.ai rendert. Die Anpassung auf deiner eigenen Domain ist Early Access und wird pro Seite von Hand eingerichtet. So funktioniert es erklärt die Details.

Claude Code baut, was immer du verlangst, also hängt das vom Stack ab. Statische und serverseitig gerenderte Seiten, etwa mit Astro, Next.js oder reinem HTML, liefern den Text in der HTML-Antwort mit, und die Demo kann ihn neu schreiben. Eine client-gerenderte Single-Page-App schickt ein leeres Root-Element und ein Script; die Demo entfernt Scripts, also kann die Vorschau fast leer zurückkommen.

Die Prüfung ist ein einziger Befehl, den Claude Code für dich ausführen kann: Hol deine URL mit curl und durchsuch die Ausgabe nach deiner Überschrift. Steht sie nicht darin, hat die Demo wenig zum Neuschreiben, und genauso wenig jeder Crawler, der JavaScript überspringt, darunter viele KI-Crawler. Für eine Marketingseite ist statisches Rendering ohnehin meist der bessere Standard.

Gleiches Layout, gleiche Preise, gleiche Aussagen. Jede Version nutzt nur, was die Originalseite ohnehin sagt: in diesem erfundenen Fall Buchungen, Wartelisten und Bezahlen per Handy.

Claude Code hält sich eng an schriftliche Anweisungen, und das macht das meiste davon billig.

• Schreib die Regeln in CLAUDE.md. Die Datei wird in jede Sitzung geladen, also schreib die Design- und Text-Einschränkungen einmal dort hinein: eine Akzentfarbe, kein Gradient-Hero, keine Reihe aus drei Karten, echte Screenshots und die Phrasen, die du nie sehen willst.
• Gib ihm echtes Quellmaterial. Verweis es auf Kunden-E-Mails, Support-Antworten oder Interviewnotizen und bitte um Text, der deren Worte benutzt. Konkreter Input erzeugt konkreten Text; ein Briefing aus einer Zeile erzeugt den Durchschnitt.
• Prüf den Text in einem Durchgang. Lass es jede Überschrift, Zwischenüberschrift und Button-Beschriftung der Seite in einer einzigen Tabelle auflisten, die markieren, die zu jedem beliebigen Produkt gehören könnten, und Ersatz vorschlagen, den du dann überarbeitest.
• Schreib den Hero selbst. Der erste Satz und der erste Button sind es wert, von Hand gemacht zu werden, in deinen eigenen Worten.
• Tausch einen Satz pro Kanal aus. Lies für deine zwei größten Traffic-Quellen den utm_source-Parameter aus und änder die Überschrift, mit einem Standard für alle anderen und einer einzigen URL.
• Render die Landingpage statisch. Wenn curl keinen Text zeigt, lass die Marketing-Routen vorab rendern.

Warum sich die Voreinstellungen überhaupt angleichen, und die übrigen Design-Lösungen, findest du unter warum vibe-gecodete Websites gleich aussehen.