Warum sehen v0-Websites alle aus wie Standard-shadcn/ui?

Die Gleichheit ist kein Bug von v0. Sie ist das, was herauskommt, wenn eine sehr gute Komponentenbibliothek mit unveränderten Einstellungen benutzt wird.

• shadcn/ui als Basis. Die Komponenten werden in dein Projekt kopiert und über eine kleine Menge CSS-Variablen gestylt: Hintergrund, Vordergrund, Primärfarbe, gedämpfte Töne, Rahmen und Radius. Bleiben die auf ihren Standardwerten, bekommt jedes Projekt dieselbe neutrale Palette und dieselben Ecken.
• Die Standardskala von Tailwind. Abstände, Schriftgrößen und Schatten kommen in jedem Projekt aus derselben Skala, also wirken selbst eigene Abschnitte vertraut.
• Ein Briefing in Komponentenform. v0 ist sehr gut bei „ein Preisabschnitt mit drei Stufen“ und „ein Hero mit Handlungsaufforderung“, also werden Seiten aus genau diesen Blöcken zusammengesetzt, in der Reihenfolge, in der man danach fragt.
• Text als Platzhalter. Generierter Text soll zeigen, dass das Layout funktioniert. „Alles, was du zum Skalieren brauchst“ ist Füllmaterial, und es geht öfter live, als irgendwer vorhat.

Nichts davon ist schwer rückgängig zu machen. Das meiste steckt in einer CSS-Datei und einem Absatz Prompt.

IntentGrid schreibt den Text neu, den ein Besucher liest: Überschriften, Fließtext, Feature-Beschreibungen und Button-Beschriftungen, geschrieben dafür, wie diese Person gekommen ist (Traffic-Quelle, Kampagne, ungefähre Stadt, Gerät, Sprache, Ortszeit). Es geht von dem Text aus, der schon auf deiner Seite steht, und Markennamen, Preise, Daten und Zahlen stehen auf einer Nicht-anfassen-Liste.

Deine shadcn/ui-Komponenten, deine Theme-Variablen, deine Tailwind-Klassen und dein Layout lässt es genau so, wie sie sind. Dein v0-Projekt fasst es nicht an, und Standard-Styling lässt es nicht individuell aussehen: Das ist eine Theme-Änderung, und um die geht es weiter unten.

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 den Unterschied.

Ein v0-Projekt, das als Next.js-App deployt ist, rendert seine Seiten auf dem Server oder beim Build, und das gilt auch für Komponenten, die als Client-Komponenten markiert sind. Der Text steht also in der HTML-Antwort, und die Demo kann ihn neu schreiben. Füg die öffentliche URL der deployten Seite ein, nicht einen Link zum v0-Chat oder -Editor.

Die Ausnahmen sind dieselben wie in jeder React-App: Text, der im Browser nach dem Laden der Seite geholt wird, und Inhalte, die erst nach einem Klick gerendert werden, etwa ein ungeöffneter Tab, ein geschlossener Dialog oder eine spätere Karussell-Folie. Die Demo entfernt Scripts, sie sieht die Seite also so, wie sie zuerst ankommt.

Gleiche Komponenten, gleiche Preise, gleiche Aussagen. Jede Version nutzt nur, was die Originalseite ohnehin sagt: in diesem erfundenen Fall automatische Notizen, Transkripte und herausgezogene Aufgaben.

Das meiste am v0-Look hängt an ein paar Dateien und einer Gewohnheit.

• Ändere die Theme-Variablen. Wähl deine eigene Primärfarbe, deinen Hintergrund, Rahmen und Radius in den CSS-Variablen, die shadcn/ui liest. Das ist die größte sichtbare Änderung für den kleinsten Eingriff.
• Ersetze die Standardschrift. Ein Import und eine Variable, und die Seite liest sich nicht mehr wie ein Starter.
• Bitte v0 um einen Abschnitt, der kein Kartenraster ist: ein einzelner großer Produkt-Screenshot, eine Vergleichsliste, ein Zitat eines echten Nutzers. Ein ungewöhnlicher Abschnitt lässt den Rest bewusst gewählt wirken.
• Gib dem Prompt einen Leser statt einer Komponentenliste. Sag, für wen die Seite ist und wovon diese Leute wechseln, und bitte um Text, der genau das benennt.
• Lösch das Füllmaterial. Durchsuch die Seite nach „alles, was du brauchst“, „nahtlos“, „leistungsstark“ und „skalierbar“, und schreib jeden Satz neu, in dem eins davon vorkommt.

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