Vibe Coding: Bedeutung, Beispiele, Tools – und wohin danach mit der App

Was bedeutet Vibe Coding?

Den Begriff hat der KI-Forscher Andrej Karpathy im Februar 2025 geprägt. In einem Post auf X beschrieb er „eine neue Art zu programmieren“, bei der man sich ganz den Vibes hingibt und vergisst, dass es den Code überhaupt gibt. Er spricht mit dem Editor, nimmt jede Änderung an, ohne sie zu lesen, und kopiert Fehlermeldungen einfach zurück in den Chat. Sein eigenes Fazit: für Wochenend-Projekte zum Wegwerfen gar nicht schlecht.

Heute meint Vibe Coding etwas breiter: Software bauen, indem man in normaler Sprache beschreibt, was sie tun soll, und eine KI den Code schreiben lässt. Man prüft das Ergebnis, indem man es benutzt, nicht indem man den Code liest. Genau das macht es für Leute interessant, die nie programmiert haben – und genau das ist auch seine Grenze.

Vibe Coding auf Deutsch: Wie sagt man das?

Eine eingebürgerte deutsche Übersetzung gibt es nicht. Im Deutschen sagt man meistens einfach Vibe Coding, manchmal auch „Programmieren nach Gefühl“ oder „Programmieren mit KI“. Gemeint ist immer dasselbe: Du gibst die Richtung vor, die KI tippt.

Wichtiger als das Wort ist die Abgrenzung. Wer mit KI-Unterstützung programmiert und jede Zeile versteht und prüft, macht klassische Softwareentwicklung mit einem schnellen Helfer. Vibe Coding beginnt dort, wo du den Code nicht mehr liest und dem Ergebnis vertraust, solange es funktioniert.

Beispiele: Was bauen Leute mit Vibe Coding?

Die guten Beispiele sind fast immer klein und konkret. Es sind Werkzeuge für eine Aufgabe, die sonst in einer Tabelle, einer Chatgruppe oder im Kopf von jemandem lebt:

• eine Abstimmung, wo das Team am Freitag essen geht,
• ein Burn-down-Chart, in das jemand jeden Tag eine Zahl einträgt,
• ein Rechner für Angebote, Pace oder Arbeitszeiten,
• ein Board für das Daily: wer ist dran, was bewegt sich gerade,
• ein kleines Dashboard für Kennzahlen, das sonst jede Woche per Mail rumgeht.

Solche Tools sind oft eine einzige HTML-Datei oder ein kleiner Ordner. Sie müssen nicht skalieren, sie müssen funktionieren und für die richtigen Leute erreichbar sein. Ein paar echte Beispiele dieser Art findest du auf unserer Beispielseite.

Schwierig wird es bei allem, was Geld bewegt, sensible Daten verarbeitet oder von vielen Fremden genutzt wird. Dort reicht „es funktioniert, wenn ich klicke“ nicht – dort braucht es jemanden, der den Code versteht.

Ist Vibe Coding kostenlos?

Anfangen kannst du oft kostenlos. Zwei Beispiele aus den Unterlagen der Anbieter, Stand 26. Oktober 2026:

• Artefakte in Claude gibt es auch im kostenlosen Tarif (Claude-Hilfe-Center).
• Lovable gibt im kostenlosen Tarif täglich 5 Credits zum Bauen (Lovable-Preisseite).

Die Grenzen der kostenlosen Tarife merkst du schnell, wenn ein Projekt wächst: mehr Nachrichten an die KI, größere Projekte, eigene Domain. Und kostenlos gebaut heißt noch nicht kostenlos betrieben – sobald andere die App benutzen sollen, braucht sie einen Ort, an dem sie läuft. artifacted ist so ein Ort; einen kostenlosen Tarif gibt es dort nicht, die Preise stehen offen auf der Preisseite.

Vibe Coding lernen: Wie fange ich an?

Am besten mit einem echten, kleinen Problem. Ein Vorschlag in vier Schritten:

1. Such dir eine Aufgabe, die dich nervt. Eine Liste, die jemand pflegt, eine Rechnung, die du jede Woche von Hand machst.
2. Beschreib sie in drei Sätzen. Wer benutzt das Tool, was gibt man ein, was soll herauskommen.
3. Lass die KI bauen, dann benutz es. Was fehlt oder stört, sagst du in normaler Sprache. „Der Knopf soll grün sein“ ist eine völlig gültige Anweisung.
4. Gib es einer zweiten Person. Erst dann merkst du, was wirklich fehlt.

Programmieren musst du dafür nicht lernen. Es hilft aber, grob zu verstehen, was eine HTML-Datei ist und was „Daten speichern“ bedeutet – dann kannst du der KI bessere Anweisungen geben.

Welche KI für Vibe Coding?

Die verbreiteten Werkzeuge unterscheiden sich vor allem darin, wo die Arbeit passiert:

Quellen: Claude-Code-Doku, Cursor-Doku, Lovable, Replit. Einen ausführlichen Vergleich auf Englisch gibt es in Cursor vs Claude Code vs Claude artifacts.

Vibe Coding mit Claude

Mit Claude ist der Einstieg besonders kurz. Du schreibst im Chat, was du brauchst, und Claude baut es als Artefakt neben die Unterhaltung. Dort kannst du es sofort benutzen und weiter verändern, indem du einfach weiterschreibst. Laut Anthropic ist ein Artefakt „alles, was Claude für dich macht und was du jemandem zeigen würdest“ (Claude-Hilfe-Center).

Wird das Tool größer, ist Claude Code der nächste Schritt: Es arbeitet mit einem echten Projektordner, liest den Code, ändert Dateien und führt Befehle aus (Claude-Code-Doku ). Ein typischer Weg ist also: Idee im Chat ausprobieren, dann als Projekt weiterbauen.

Ein guter erster Prompt ist kurz und konkret, etwa: „Bau mir eine Seite, auf der mein Team jeden Montag seine Wochenziele einträgt. Jede Person sieht alle Ziele, kann ihre eigenen abhaken, und die Liste bleibt gespeichert. Schlicht, hell, gut lesbar auf dem Handy.“ Danach verbesserst du Schritt für Schritt, statt alles im ersten Satz zu verlangen.

Claude kann Artefakte auch selbst teilen; alle, die so ein geteiltes Artefakt öffnen, brauchen ein Claude-Konto (Claude-Hilfe-Center).

Wo stößt Vibe Coding an Grenzen?

Vibe Coding ist schnell, weil du den Code nicht liest. Genau daraus folgen die Grenzen – und es lohnt sich, sie vorher zu kennen statt hinterher.

Sicherheit

Eine KI schreibt Code, der funktioniert, aber nicht zwingend Code, der sicher ist. Ein API-Schlüssel direkt im Quelltext, eine Eingabe, die nicht geprüft wird, ein Formular, das jeder abschicken kann: Das fällt beim Ausprobieren nicht auf. Für ein Tool, das nur dein Team nutzt, ist das Risiko klein, solange es nicht öffentlich im Netz steht.

Daten

Viele mit KI gebaute Tools speichern Daten im Browser, in localStorage. Das ist praktisch, hat aber einen Haken: Jede Person sieht nur ihre eigenen Daten, auf ihrem eigenen Gerät. Soll ein ganzes Team in dieselbe Liste schreiben, braucht es einen gemeinsamen Speicher.

Pflege

Wer den Code nicht kennt, kann ihn schlecht pflegen. Bei einem kleinen Tool ist das kein Problem: Du beschreibst der KI die Änderung, und sie baut sie ein. Wächst das Tool über Wochen, wird es irgendwann unübersichtlich. Dann hilft es, das Projekt in einen Ordner zu überführen und mit einem Werkzeug wie Claude Code oder Cursor weiterzubauen, das den ganzen Code im Blick hat.

Wer es benutzen darf

Die letzte Grenze ist die, an der die meisten hängen bleiben: Das Tool läuft, aber nur bei dir. Ein öffentlicher Link ist schnell gemacht, aber dann kann jeder mit dem Link reinschauen. Für eine Teamliste, Kundendaten oder interne Zahlen willst du genau bestimmen, wer reinkommt – und es wieder zurücknehmen können.

Und dann: Wohin damit?

Hier hören die meisten Anleitungen auf. Du hast ein Tool, das funktioniert – in deinem Chat oder auf deinem Rechner unter einer localhost-Adresse, die nur du öffnen kannst. Sobald es dem Team, einer Kundin oder dem Verein nützen soll, braucht es vier Dinge:

• eine Adresse, die auch Leute ohne dein KI-Tool öffnen können,
• ein Schloss, damit nur die Richtigen reinkommen,
• eine Möglichkeit, Zugriff wieder zu entziehen,
• geteilte Daten, damit alle dieselbe Liste sehen.

Genau dafür gibt es artifacted. Es baut nichts – das hat deine KI schon gemacht. Es gibt dem Ergebnis eine private Adresse unter <name>.artifacted.cloud: Eine HTML-Datei fügst du ein oder legst sie ab, ein Projektordner geht mit einem Befehl online (npx artifacted deploy). Danach tippst du die E-Mail-Adressen der Leute ein, die es nutzen sollen. Sie melden sich mit Google oder Microsoft an und sind drin.

Wie das mit einem Claude-Artefakt konkret aussieht, steht auf Claude-Artefakte privat teilen.

Häufige Fragen