v0.dev

v0.dev ist eine Webseite, auf der man beschreibt, wie eine andere Webseite aussehen soll. Man schreibt zum Beispiel: « Eine Anmeldemaske mit E-Mail-Feld, Passwortfeld und blauem Knopf. » Kurz darauf erscheint genau diese Maske auf dem Bildschirm. Daneben steht der Programmcode, also die Textanweisungen, aus denen der Browser die Seite zusammenbaut. Diesen Code kann man kopieren und in ein eigenes Projekt einbauen. Betrieben wird der Dienst von Vercel, einem US-Unternehmen, das vor allem Technik zum Veröffentlichen von Webseiten verkauft.

Vom Screenshot zur klickbaren Oberfläche

Bisher lief die Gestaltung von Webseiten in zwei getrennten Schritten ab. Zuerst zeichnete jemand ein Bild der Oberfläche in einem Grafikprogramm. Danach setzte eine Entwicklerin dieses Bild mühsam in Code um. Zwischen beiden Schritten gingen oft Tage verloren. v0.dev schiebt beide Schritte zusammen: das Ergebnis ist von Anfang an ein echtes, anklickbares Stück Software.

Der Zeitgewinn ist vor allem beim Ausprobieren wertvoll. Ein Team kann morgens fünf Varianten einer Startseite erzeugen und sie mittags vergleichen. Früher hätte man sich für eine Variante entschieden, weil für mehr die Zeit fehlte. Solche schnellen Entwürfe nennt man Prototypen, also Testversionen, die noch niemand ernsthaft nutzt.

Wichtig ist die Abgrenzung zu einem Baukasten wie Wix oder Squarespace. Dort klickt man fertige Bausteine zusammen und bleibt im System des Anbieters gefangen. v0.dev liefert dagegen normalen Code, der überall läuft. Man kann ihn also mitnehmen und beliebig weiterbearbeiten.

Was hinter dem Eingabefeld passiert

Im Kern steckt ein Sprachmodell. Das ist ein Programm, das aus riesigen Textmengen gelernt hat, welches Wort oder Zeichen als Nächstes wahrscheinlich passt. Programmcode ist für so ein Modell auch nur Text mit strengen Regeln. Es hat unzählige öffentliche Code-Beispiele gesehen und kann deshalb neue, ähnliche Zeilen schreiben.

v0.dev schränkt das Modell dabei bewusst ein. Es erzeugt Code für eine bestimmte Technikfamilie, vor allem React und Tailwind, zwei weit verbreitete Werkzeuge zum Bauen von Web-Oberflächen. Diese Beschränkung ist ein Vorteil: Wer nur eine Sorte Ziegel benutzt, macht weniger Fehler beim Mauern. Zusätzlich greift das Werkzeug auf eine Sammlung geprüfter Standardbausteine zurück, etwa für Knöpfe, Tabellen oder Menüs.

Die Arbeit endet nicht mit dem ersten Ergebnis. Man beschreibt Änderungswünsche in weiteren Sätzen, etwa « mach die Schrift größer » oder « ergänze eine Fußzeile ». Das Modell bekommt den bisherigen Code als Ausgangspunkt und schreibt ihn um. Diese Schleife aus Wunsch, Vorschlag und Korrektur wiederholt man, bis das Ergebnis passt.

Wer damit arbeitet und wo die Grenzen liegen

Am häufigsten taucht v0.dev in kleinen Firmen und bei Einzelpersonen auf, die schnell eine Produktseite oder ein internes Werkzeug brauchen. Auch Designerinnen ohne tiefe Programmierkenntnisse nutzen es, um Ideen selbst zu testen. In Wirtschaftsnachrichten erscheint der Dienst meist als Beispiel für einen größeren Trend: Software, die Software schreibt. Konkurrenzprodukte heißen Lovable, Bolt oder Replit Agent.

Ein verbreiteter Irrtum ist, damit ließen sich fertige Programme bauen. Das Werkzeug erzeugt vor allem die sichtbare Oberfläche. Was dahinter passiert, also Nutzerkonten, Zahlungen oder das Speichern von Daten, muss weiterhin sorgfältig entwickelt werden. Auch der erzeugte Code enthält Fehler und muss geprüft werden, bevor er auf echte Nutzer losgelassen wird.

Für dich als Schüler ist der Dienst trotzdem ein guter Einstieg. Du siehst sofort, welcher Code welche Wirkung auf dem Bildschirm hat. Das macht das Lernen anschaulicher als ein leeres Textfenster. Sinnvoll ist es aber, den erzeugten Code auch zu lesen und nicht nur zu kopieren.