Vibe-Coding für Anfänger: der praktische Einstieg

Was Vibe-Coding eigentlich ist

Der Begriff hat sich für eine Art des Programmierens eingebürgert, bei der Sie erklären, was Sie möchten, und eine KI den Code schreibt. Statt Anweisungen Zeile für Zeile zu tippen, führen Sie ein Gespräch: Sie bitten um eine Funktion, sehen sich das Ergebnis an und bitten um eine Änderung.

Das ist eine echte Arbeitsweise mit Tools wie Cursor, Claude Code, Lovable, Bolt oder Replit, aber keine Abkürzung am Verstehen vorbei. Je besser Sie erklären können, was Sie brauchen, und das Ergebnis prüfen, desto besser werden Ihre Projekte.

Was Sie für den Einstieg brauchen

• Eine kleine, konkrete Idee: ein Rechner, ein Kontaktformular, eine Liste mit Filtern.
• Ein KI-Coding-Tool. Manche sind Editoren mit eingebauter KI, andere Builder im Browser; prüfen Sie, was jedes enthält, welche Grenzen, Preise und Bedingungen aktuell gelten.
• Geduld zum Testen und Korrigieren: Die erste Version ist selten die letzte.
• Eine Möglichkeit, Versionen zu speichern (Git oder die Historie des Tools), damit Sie zurückgehen können, wenn etwas kaputtgeht.

Zum Anfangen müssen Sie nicht programmieren können, sollten aber nach und nach lernen, zu lesen, was Sie sehen: Dateinamen, Fehlermeldungen, wofür jeder Teil zuständig ist. Das erlaubt Ihnen, die KI mit Urteilsvermögen zu steuern.

Der Vier-Schritte-Kreislauf

• Beschreiben Sie eine Funktion und das erwartete Ergebnis, nicht die ganze App.
• Bitten Sie die KI, sie zu bauen und in einfachen Worten zu erklären, was sie getan hat.
• Testen Sie mit normalen Daten und mit Daten, die einen Fehler auslösen sollten.
• Schlägt etwas fehl, kopieren Sie die vollständige Fehlermeldung, schreiben Sie, was Sie erwartet haben und was passiert ist, und bitten Sie um eine Korrektur. Speichern Sie danach eine Version.

Wiederholen Sie den Kreislauf. Jede Runde fügt ein kleines, geprüftes Stück hinzu statt eines Berges von Code, den niemand kontrolliert hat.

Ein Prompt für eine neue Funktion

Dieses Muster funktioniert in einem KI-Editor ebenso wie im Chat. Wichtig sind Kontext, Grenzen und eine Möglichkeit, das Ergebnis zu prüfen:

Ich baue [kurze Beschreibung des Projekts] mit [Technologie, falls bekannt].

Ich möchte diese Funktion hinzufügen: [was sie tun soll, in ein bis zwei Sätzen].

So erkenne ich, dass sie funktioniert: [Beispieleingabe und erwartetes Ergebnis].

Regeln:
- Ändere nur, was für diese Funktion nötig ist.
- Lösche oder überschreibe keinen Code, der nichts damit zu tun hat.
- Schreibe keine Passwörter, Schlüssel oder personenbezogenen Daten in den Code.
- Erkläre mir am Ende in einfachen Worten, welche Dateien du geändert hast und wie ich es testen kann.

Wenn du weitere Informationen brauchst, frage mich, bevor du Code schreibst.

Was tun, wenn etwas kaputtgeht

Fehler gehören zum Prozess. Entscheidend ist, wie Sie sie beschreiben: „Es geht nicht“ zwingt die KI zum Raten, während eine Fehlermeldung und das erwartete Verhalten ihr etwas Konkretes zum Arbeiten geben.

Wenn ich [die Aktion, die du ausführst], erhalte ich diesen Fehler:

[vollständige Fehlermeldung hier einfügen]

Ich habe erwartet, dass [was passieren sollte], aber stattdessen [was passiert].

Erkläre zuerst, was deiner Meinung nach die Ursache ist, und schlage dann die kleinstmögliche Korrektur vor. Ändere keine Teile des Projekts, die nichts mit dem Fehler zu tun haben.

Dreht sich die KI nach zwei oder drei Versuchen im Kreis, halten Sie an und lassen Sie sie das Problem und ihre bisherigen Versuche zusammenfassen. Manchmal ist es am besten, zu einer gespeicherten Version zurückzukehren und das Problem anders anzugehen.

Typische Anfängerfehler

• Zu viel auf einmal verlangen und dann nicht wissen, welche Änderung etwas kaputtgemacht hat.
• Jede Änderung annehmen, ohne die Zusammenfassung der KI zu lesen, was sie angefasst hat.
• Keine Versionen speichern und eine funktionierende verlieren.
• API-Schlüssel, Passwörter oder personenbezogene Daten in den Chat oder in den Code einfügen.
• Veröffentlichen, ohne falsche Eingaben, die Darstellung auf dem Smartphone und eine Person getestet zu haben, die die App nicht selbst gebaut hat.
• Annehmen, es sei sicher, nur weil es „läuft“.

Wenn das Projekt echte Nutzer haben oder personenbezogene Daten speichern wird, prüfen Sie zuerst die für Sie geltenden Datenschutzregeln über offizielle Quellen und lassen Sie sensible Fälle von einer erfahrenen Person durchsehen.

Vorlagen gegen die leere Seite

Die PromptNow-Vorlage, um Cursor oder Claude Code um eine Funktion zu bitten, erfasst Projekt, Funktion und Grenzen in einem Formular und erzeugt einen Prompt zum Einfügen. Die Vorlage zum Beheben von Fehlern tut dasselbe mit der Fehlermeldung und dem erwarteten Verhalten.

Sind Sie noch in der Ideenphase, hilft Ihnen die Master-Prompt-Vorlage für Lovable oder Bolt, die ganze App auf einmal zu beschreiben. In jedem Fall sind sie ein Ausgangspunkt: Was die KI liefert, prüfen und testen Sie weiterhin selbst.