Vibe Coding ist eine Art, Software zu bauen, bei der Sie einer KI in Ihren eigenen Worten beschreiben, was entstehen soll, und das Ergebnis dann ausprobieren statt den Code zu lesen. Gefällt Ihnen etwas nicht, schreiben Sie eine kurze Nachricht wie „Der Button soll größer sein“, und die KI ändert den Code. So entstehen Landingpages, Buchungsformulare oder kleine Tools, ohne dass Sie programmieren können. Im Folgenden erfahren Sie, woher der Begriff stammt, wie es praktisch aussieht und wo die Grenzen liegen.
Bedeutung und Herkunft des Begriffs
Der Begriff stammt von Andrej Karpathy, Mitgründer von OpenAI und früher KI-Chef bei Tesla. Im Februar 2025 beschrieb er auf X eine Arbeitsweise, bei der er der KI Anweisungen gibt, ihre Vorschläge weitgehend übernimmt und „vergisst, dass der Code überhaupt existiert“. Er nannte das Vibe Coding, also Programmieren nach Gefühl. Im Deutschen hat sich der englische Ausdruck durchgesetzt, teils auch mit Bindestrich als Vibe-Coding.
Der Kern ist eine Verschiebung: Statt Syntax zu beherrschen, müssen Sie genau beschreiben können, was Sie wollen, und prüfen, ob das Ergebnis stimmt. Eine ausführliche englische Erklärung finden Sie unter What is vibe coding.
So sieht es aus: vom Prompt zur Live-App
Ein Beispiel mit VibeDream. Die Oberfläche von VibeDream ist derzeit auf Englisch, Ihre Prompts können Sie aber auf Deutsch schreiben, und auch die Texte in Ihrer App werden deutsch, wenn Sie das so angeben. Sie klicken auf New Project und fügen eine Beschreibung ein oder sprechen sie über das Mikrofon ein:
Erstelle eine Buchungsseite für mein Fahrradgeschäft „Speichenwerk“ in Leipzig.
Kunden sollen auf dem Handy einen Termin für Inspektion, Reifenwechsel oder Bremsen-Check buchen: Name, Telefonnummer, Fahrradtyp, Datum und Uhrzeit.
Nach dem Absenden erscheint eine Bestätigung mit dem gewählten Termin.
Optik: ruhig und hochwertig, dunkelgrüne Akzente, große Schrift, runde Buttons.
Alle Texte auf Deutsch, Anrede mit „Sie“.Innerhalb weniger Sekunden erscheint neben dem Chat eine Live-Vorschau, die sich füllt, während die KI arbeitet. Danach testen Sie wie ein Kunde: jeden Button anklicken, das Formular ohne Telefonnummer abschicken, die Handyansicht prüfen. Jeder Fehler wird zu einer kurzen Folgenachricht.
- „Termine in der Vergangenheit sollen nicht wählbar sein, nur ab morgen.“
- „Speichere jede Buchung und baue eine passwortgeschützte Seite /admin, auf der ich alle Termine sehe.“
- „Füge im Footer Adresse, Öffnungszeiten und einen Link zum Impressum hinzu.“
Wenn alles passt, klicken Sie auf Put it online und wählen einen Namen. Nach etwa 1 bis 3 Minuten ist die App unter einer Adresse wie speichenwerk.vibedreams.ai mit HTTPS erreichbar. Jede Veröffentlichung kostet 5 Credits, und eine eigene Domain verbinden Sie über einen TXT- und einen CNAME-Eintrag.
Vibe Coding, No-Code und klassisches Programmieren im Vergleich
- Klassisches Programmieren: Sie schreiben den Code selbst und verstehen jede Zeile. Maximale Kontrolle, aber oft lange Einarbeitung.
- No-Code: Sie klicken fertige Bausteine zusammen. Schnell gelernt, aber Sie sind an die Funktionen des Anbieters gebunden und können den Code meist nicht mitnehmen.
- Vibe Coding: Sie beschreiben, die KI schreibt echten Code. Bei VibeDream entstehen Apps mit React und FastAPI und Spiele mit Phaser. Den Code können Sie als ZIP herunterladen oder mit Ihrem GitHub-Repository synchronisieren.
Eine ausführliche Gegenüberstellung lesen Sie im englischen Artikel vibe coding vs no-code.
Beispiele: Was Sie mit Vibe Coding bauen können
- Landingpages und Wartelisten für ein neues Produkt oder einen Kurs
- Buchungs-, Kontakt- und Anmeldeformulare für Handwerk, Praxis oder Verein
- Kleine interne Tools wie Schichtpläne, Inventarlisten oder Angebotsrechner
- Persönliche Helfer wie Haushaltsbuch, Trainingstagebuch oder Lernkarten
- Browserspiele, die auf Handy und Computer laufen
Wer nicht mit einer leeren Seite starten möchte, wählt eine der Vorlagen und passt sie im Chat an. Wie Sie Schritt für Schritt eine komplette App bauen, zeigt unsere Anleitung App erstellen mit KI.
Risiken, Sicherheit und Datenschutz (DSGVO)
Gerade weil Vibe Coding so schnell geht, wird das Prüfen gern übersprungen. Bevor Fremde sich anmelden oder Daten eingeben, sollten Sie diese Punkte klären:
- Geheime Schlüssel wie API-Keys gehören nie in den Chat oder in den Code. Bei VibeDream tragen Sie sie im Settings-Tab des Projekts ein, wo nur der Server sie liest.
- Login und Datenspeicherung kann die KI direkt in Ihre App einbauen. Oder Sie tippen unter dem Chat auf Add login oder Add database, dann richtet VibeDream beides per Klick ein.
- Zahlungen nehmen Sie über Ihr eigenes Stripe-Konto an, das Sie mit der App verbinden.
- Sobald Ihre App personenbezogene Daten wie Namen oder Telefonnummern erfasst, brauchen Sie eine Datenschutzerklärung, und bei geschäftlichen Seiten in Deutschland ein Impressum. Lassen Sie diese Texte im Zweifel rechtlich prüfen.
Unsere englische Vibe-Coding-Sicherheitscheckliste führt Sie in unter einer Stunde durch die wichtigsten Prüfungen.
Tools für Vibe Coding im Überblick
Neben VibeDream gibt es unter anderem Lovable, Bolt, Replit und Cursor. Cursor ist ein Code-Editor für Menschen, die selbst programmieren, die übrigen laufen komplett im Browser. Vergleichen Sie vier Dinge: wie gut die Live-Vorschau ist, wie viele Schritte bis zur Veröffentlichung nötig sind, ob Sie den Code mitnehmen können und wie abgerechnet wird. Bei VibeDream beginnen die Tarife mit All Access Mini für 49 US-Dollar im Monat mit 60 Credits. Alle Details stehen auf der Preisseite.