Vibe Coding: Vier Wochen, fünf Projekte – und plötzlich fühlt sich Programmieren wieder wie C64 an
Vibe Coding (kurz gesagt) meint Softwareentwicklung, bei der man Code nicht primär tippt, sondern ein großes Sprachmodell (LLM) über Prompts so steuert, dass es den Quellcode generiert – inklusive viel „Prompt Engineering". Der spannende Teil: Es fühlt sich für viele so an, als könne man ohne klassisches Entwickler-Setup in kürzester Zeit zu sichtbaren Ergebnissen kommen.
Was habe ich gemacht?
Ich habe mich im Januar intensiv mit Vibe Coding beschäftigt. Dabei habe ich mich wie früher zu C64-Zeiten gefühlt, als ich nächtelang durchprogrammiert habe, weil es mich einfach „gefesselt" hat. Nur mit dem Unterschied, dass ich im Jahr 2026 bereits 15 Jahre lang nicht mehr geprogged habe – und mich jetzt mit Prompten begnügen durfte.
Was ich in dieser Zeit erlebt habe, ist atemberaubend. Man kann es auch mit Extrabreit ausdrücken: „Es ist so geil, es ist so schnell" (aus „Ruhm", Extrabreit, 1986).
Insgesamt habe ich während der vergangenen 4 Wochen zwei Webseiten vom Grund auf neu gebaut und darüber hinaus drei echte Web-Anwendungen erstellt. Multi-Lingual (i18n) natürlich und mit Dark-Mode. Und die Web-Anwendungen als offlinefähige PWA.
Projekt 1: Die mediaBEAM Webseite neu „denken"
Angefangen hat es damit, dass ich die mediaBEAM Webseite neu „gedacht" habe. Hierzu habe ich ChatGPT Unmengen von Marketing-Material sowie technische Hintergrundbeschreibungen zum Klassifizieren und Aufbereiten gegeben. Da ich ChatGPT ohnehin intensiv für alle Texte rund um unsere Produkte und das Unternehmen verwende, musste ich dem System nicht von Grund auf beibringen, was ich will.
ChatGPT hat mir also die Webseiten-Struktur als CSV-Datei erstellt und die wesentlichen Textinhalte zusammengefasst.
Damit ausgerüstet bin ich rüber zu Lovable.dev gewechselt. Account erstellt, Abo abgeschlossen, 30 Euro an Extra-Coins aufgeladen – und einfach losgelegt. Das System hat intuitiv verstanden, was ich will, und hat brav die Seite erstellt.
Besonders cool fand ich als „Vibe Coding Newbie", dass mir das System Vorschläge für den nächsten Schritt gemacht hat. Und es hat einfach aus dem Kontext der letzten Anpassungen heraus verstanden, auf welche Seite, welchen Inhalt oder was auch immer sich der Prompt bezieht. Alles in allem: idiotensicher.
Dann ging es darum, die News aus der alten Webseite zu übernehmen. Das ging einfacher als gedacht: Ich habe dem System die Start-URL genannt und einen entsprechenden Prompt formuliert. Eine Stunde später waren 110 alte News-Beiträge importiert – inklusive automatischer Übersetzung ins Englische.
Projekt 2: xworks.365 Produktseite nach dem gleichen Muster
Nachdem dieses erste Projekt erfolgreich abgeschlossen war, habe ich die xworks.365 Produktseite nach ähnlichem Vorgehensmuster erstellt. Beide Seiten sehen ansprechend aus – und das Ergänzen weiterer Inhalte ist ein Kinderspiel, wenn man sich vorher Gedanken macht, was man erreichen will.
Kleiner Einschub (mit Ansage)
Liebe Content-Creation-Agenturen: Ihr solltet euer Geschäftsmodell überdenken. Denn Webdesigner, Texter und Übersetzer brauchen wir zukünftig in dieser Form nicht mehr. Kunden benötigen „nur" noch eure Expertise im Bereich Konzept. Nach Umsetzung des Projekts pflegen eure Kunden zukünftige Inhalte „ratz fatz" selbst. Wartungsverträge für Content-Creation wird es aus meiner Sicht zukünftig nicht mehr geben.
Gleiches gilt für Unternehmen, die sich auf das Hosten von Webseiten spezialisiert haben. CMS-Systeme wie WordPress oder Joomla werden es schwer haben. Wir jedenfalls werden in Kürze unseren Vertrag beim WordPress-Hoster kündigen, da es jetzt wesentlich schneller geht, Content in hoher Qualität zu publizieren. Das Hosting findet bei Cloudflare in Frankfurt statt – ohne Hassle zum Preis von wenigen Euro pro Monat.
Die echte Herausforderung: eine „richtige" Web-App
Nachdem ich gelernt habe, dass Webseiten jetzt „mit links" zu erstellen sind, wollte ich mich mal mit einer „echten" Web-App beschäftigen.
Da wir viel mit dem Wohnmobil unterwegs sind und ich bislang ein Logbuch für Übernachtungen und Tankvorgänge per Excel-Liste pflege, dachte ich mir: Das wäre was für eine WebApp nach meinem persönlichen Geschmack.
Nun hatte ich ja bereits gelernt, dass man nicht einfach mit „Erstelle eine PWA für eine Logbuch-Funktion" startet. Also habe ich mich einige Stunden hingesetzt und eine dreiseitige Zusammenfassung aller Funktionen geschrieben, die mein Logbuch haben sollte. Kathrin hat dem Projekt den Namen „Auf Achse" gegeben – Franz Meersdonk und Günter Willers lassen grüßen.
Diese Zusammenfassung habe ich Lovable übergeben – im Chat-Modus. Ich habe der KI exakt mitgeteilt, was das Ergebnis sein soll, bevor das System vorschnell anfängt zu phantasieren. Das war ein Game-Changer, denn so konnte ich interaktiv zusammen mit Lovable herausarbeiten, was dann später gebaut werden sollte.
Die Initialversion war bereits so funktional, dass ich von den Socken war. Ich hatte bereits in Version 0:
- 2FA-Authentisierung mit Passwort-vergessen-Funktion
- CSV-Import für Übernachtungen und Tankvorgänge
- Geo-Code-Erfassung mit Kartendarstellung
- Statistikmodul
- …und vieles mehr
Nächstes Level: kollaborativer Echtzeiteditor
In den darauffolgenden Tagen habe ich das Projekt intensiv optimiert – und jetzt habe ich eine App genau nach meinen Wünschen.
Mein neuestes Projekt ist xPad: ein kollaborativer Echtzeiteditor, mit dessen Hilfe mehrere Nutzer gleichzeitig Dokumente bearbeiten können. Ebenfalls abgefahren, was das System zu leisten imstande ist.
Was mir dazu noch einfällt
Hier sind meine wichtigsten Erkenntnisse aus vier Wochen Vibe Coding:
- Es ist billig (im Januar für 5 Projekte insgesamt „nur" 350 Euro ausgegeben)
- Es ist auf einem guten Weg (allein im Januar 2 Major Updates bei lovable.dev)
- Es erstellt guten Code und prüft diesen auf Vulnerabilities
- Es wird die App-Landschaft prägen (bau dir deine eigene App für deine individuellen Bedürfnisse)
- Es wird Geschäftsmodelle in Frage stellen: WordPress-Hosting, Content-Creation-Agenturen, Shop-Anbieter (Shopify, Shopware, etc.), CRM-Anbieter (Pipedrive, Hubspot, Salesforce), Workflow-Management-Systeme (Asana, n8n, Stripe)
- Es wird zu mehr Output führen. Aber ob der Output besser ist?
Welche Plattformen gibt es?
Hier sind die wichtigsten Vibe Coding Plattformen:
Was macht man damit?
Die Einsatzmöglichkeiten sind vielfältig:
- Webseiten
- PWA
- Workflows
- Web-Anwendungen
Was haben wir erstellt?
Unsere bisherigen Projekte:
- Neue mediaBEAM Webseite (D/EN)
- Neue xworks.365 Webseite (D/EN)
- Rechnungs-Erstellungstool (BillBuddy)
- Kollaborativer Editor (xPad)
- Fahrtenbuch (AufAchse)
Was ist gut?
Die Vorteile von Vibe Coding:
- Schneller zum MVP
- Entwicklung von optimalem UI/UX
- Statt Lastenheft schreiben: lieber sauber prompten – später v0 ans Entwicklerteam übergeben
Was ist nicht gut?
Die Nachteile sollte man auch kennen:
- Just another Vendor Lock-in
- Für Webseiten optimal – für größere Projekte wird es schnell komplex
Was habe ich gelernt?
Meine persönlichen Learnings:
- Es macht Spaß!
- Es macht abhängig (Vendor Lock-in)
- Es kostet Geld!
- Die KI phantasiert und lügt…
- Große Projekte können nur Leute stemmen, die bereits Software entwickeln können
Was sollte man unbedingt beachten?
Meine wichtigsten Tipps für Einsteiger:
- Dem Impuls widerstehen.
- Erst mal Gedanken machen, was man erreichen will
- Dann aufschreiben, welche Rahmenbedingungen erfüllt sein sollen
- Dann dem System Kontext geben – lieber zuerst mit dem System sprechen, bevor man direkt mit dem Coden beginnt
Fazit
Mein Fazit
Vibe Coding ist ein Game Changer in der Softwareentwicklung. Ich bin überzeugt, dass diese Systeme die bestehende Applikationslandschaft nachhaltig verändern werden. Wir werden zukünftig mit derselben Personalstärke schneller Ergebnisse sehen – ob besser, bleibt abzuwarten.
Für mediaBEAM wird Vibe Coding ein neues Tool sein. Wir werden jedoch keinesfalls auf nur einen Mitarbeiter verzichten. Aber vielleicht können wir mit dem bestehenden Team zukünftig mehr erreichen? Wer weiß.
Denn: Wer gleich lospromptet, braucht später viele Prompts, um das Produkt so zu „reparieren", dass es passt. Zusammengefasst: Es wird Softwareentwicklung verändern, aber nicht ersetzen!