«Vom Konzept zum Prototyp an einem Tag»

Der klassische Weg von der Idee zur ersten Vorschau war lang. Man beschrieb das Vorhaben, wartete auf einen Kostenvoranschlag, plante ein Projekt und sah nach Wochen das erste Ergebnis. Für viele gute Einfälle war das zu träge: Bis etwas Sichtbares vorlag, war die Begeisterung verflogen oder der Markt weitergezogen. Genau hier setzt Vibe Coding an.

Vibe Coding bedeutet, eine Anwendung in natürlicher Sprache zu beschreiben und die KI den Code dazu schreiben zu lassen. Das verschiebt die Grenze des Machbaren. Was früher ein Projekt war, wird zur Sitzung an einem Nachmittag. In diesem Artikel gehen wir den realistischen Ablauf durch, mit dem du an einem einzigen Tag von der Skizze zum klickbaren Prototyp kommst, und wir bleiben dabei ehrlich, wo die Methode an ihre Grenzen stösst.

Warum ein Tag realistisch ist

Ein klickbarer Prototyp ist kein fertiges Produkt, und dieser Unterschied ist der Grund, warum ein Tag genügt. Ein Prototyp muss eine einzige Sache leisten: die Kernidee sichtbar und erlebbar machen. Er muss nicht ausfallsicher sein, nicht mit echten Kundendaten arbeiten und nicht jeden Sonderfall abdecken. Er muss überzeugen, nicht funktionieren wie ein produktives System.

Diese Reduktion ist befreiend. Sobald du akzeptierst, dass der erste Wurf ein Beweis und keine Endfassung ist, fällt enormer Druck weg. Du triffst keine Entscheidungen für die Ewigkeit, du zeigst eine Möglichkeit. Und moderne KI-Werkzeuge sind genau darin stark: aus einer klaren Beschreibung schnell etwas Sichtbares zu erzeugen, das sich anklicken und beurteilen lässt.

Der Ablauf in vier Phasen

Ein Tag lässt sich grob in vier Abschnitte teilen. Am Vormittag klärst du die Idee und baust das Grundgerüst, am Nachmittag verfeinerst du und machst den Prototyp vorzeigbar. Diese Struktur bewahrt dich davor, dich in Details zu verlieren, bevor das Ganze steht.

Der Morgen beginnt mit einer Frage, nicht mit Code: Was soll ein Mensch mit diesem Prototyp tun können? Formuliere den einen Kernablauf in einem Satz, etwa «Ein Besucher gibt seinen Bedarf ein und erhält eine passende Empfehlung». Dieser Satz ist dein Kompass. Alles, was nicht dazu beiträgt, kommt heute nicht vor. Danach beschreibst du dem Werkzeug diesen Ablauf und die nötigen Bildschirme, und du erhältst eine erste Vorschau.

Das richtige Werkzeug wählen

Für einen sichtbaren Prototyp mit echter Oberfläche brauchst du ein Werkzeug, das aus einer Beschreibung direkt eine anklickbare Vorschau erzeugt. Hier haben sich mehrere Ansätze etabliert, die alle dasselbe Ziel verfolgen, aber unterschiedliche Stärken haben.

Lovable eignet sich besonders, wenn aus deiner Idee eine zusammenhängende kleine Anwendung mit mehreren Bildschirmen entstehen soll. Du beschreibst, was passieren soll, und erhältst eine bedienbare Vorschau, die du in Ruhe durchklicken kannst. Für einen Prototyp, der einen ganzen Ablauf zeigt und nicht nur eine einzelne Ansicht, ist das ein guter Ausgangspunkt. Wichtig ist, in kleinen Schritten zu arbeiten: eine Änderung beschreiben, das Ergebnis prüfen, die nächste anschliessen.

Neben Lovable lohnt ein Blick auf zwei verwandte Ansätze, je nachdem, worauf dein Prototyp den Schwerpunkt legt.

v0 spielt seine Stärke aus, wenn es zuerst um die Oberfläche geht: um Bildschirme, die überzeugend aussehen und das Gefühl des fertigen Produkts vermitteln. Wenn dein Prototyp vor allem visuell wirken soll, etwa um ihn Kunden oder dem Team zu zeigen, kommst du damit schnell zu ansprechenden Ansichten. Bolt wiederum setzt stärker auf ein rasch bedienbares Zusammenspiel im Browser. In der Praxis lohnt es sich, an derselben Idee zwei Werkzeuge kurz auszuprobieren und dann bei dem zu bleiben, das dir am schnellsten ein brauchbares Ergebnis liefert.

Verfeinern statt neu bauen

Am Nachmittag geht es nicht mehr um Grundlegendes, sondern um Feinschliff. Der Prototyp steht, jetzt machst du ihn vorzeigbar. Hier liegt eine häufige Falle: der Wunsch, doch noch eine grosse Funktion nachzuschieben. Widersteh ihm. Jede neue Funktion am Nachmittag droht das Fundament zu erschüttern, das am Vormittag entstanden ist.

Verfeinern heisst konkret: sinnvolle Beispieltexte statt Platzhalter, ein stimmiges Erscheinungsbild, verständliche Beschriftungen, ein klarer Weg durch den Ablauf. Kleine Dinge, die den Unterschied zwischen einer rohen Skizze und einem überzeugenden Prototyp ausmachen. Arbeite auch hier in kleinen Schritten und prüfe nach jeder Änderung, ob der Kernablauf noch reibungslos funktioniert.

Wo die Grenzen liegen

So beeindruckend ein Tagesprototyp ist, so klar sind seine Grenzen, und es ist ehrlicher, sie zu benennen. Ein Prototyp arbeitet in der Regel mit Beispieldaten, nicht mit einer echten Datenbank. Er ist nicht auf Sicherheit geprüft, hält keiner grossen Nutzerlast stand und deckt Sonderfälle nicht ab. Das ist keine Schwäche der Methode, sondern ihr Wesen: Ein Prototyp beweist, er trägt noch nicht.

Der Schritt vom Prototyp zum produktiven System ist ein eigener, deutlich grösserer. Dort geht es um verlässliche Datenhaltung, um Datenschutz nach Schweizer Recht, um Stabilität und Wartbarkeit. Diese Arbeit lässt sich nicht an einem Nachmittag erledigen, und wer sie überspringt, baut auf Sand. Der richtige Umgang ist, den Prototyp als das zu nehmen, was er ist: ein schneller, günstiger Weg, eine Idee zu prüfen, bevor man ernsthaft investiert.

Genau darin liegt der eigentliche Wert. Statt Wochen und Budget in eine ungeprüfte Idee zu stecken, hast du am Abend etwas Anfassbares, das du zeigen, testen und ehrlich beurteilen kannst. Trägt die Idee, weisst du, wohin die weitere Investition fliesst. Trägt sie nicht, hast du an einem Tag gelernt, was sonst ein Projekt gekostet hätte.

Vom Konzept zum Prototyp an einem Tag ist kein Werbeversprechen, sondern mit der richtigen Herangehensweise Alltag. Der Schlüssel liegt weniger im Werkzeug als in der Disziplin: ein klar umrissener Kernablauf, kleine Schritte, der Mut zum Weglassen und ein ehrlicher Blick auf die Grenzen. Wer so arbeitet, verwandelt Ideen in Erfahrung, ohne vorher ein Vermögen zu wetten. Und genau das ist der Vorteil, den Vibe Coding kleinen und mittleren Betrieben in die Hand gibt.