Prompt Engineering für Vibe Coding auf Deutsch

Sieben Prinzipien für Prompts, die in Lovable, Cursor und Bolt wirklich funktionieren. Mit Vorher-Nachher-Beispielen und Anti-Pattern-Liste.

10. Juni 202612 Min. LesezeitSkillvon Marcel Kleber

Gute Prompts sind kein Geheimwissen, sondern Handwerk. Wer sieben Prinzipien sauber anwendet, kommt in Lovable, Cursor und Bolt deutlich schneller ans Ziel und produziert weniger zerschossene Stände.

Kurzantwort

Effektive Vibe-Coding-Prompts geben Rolle, Ziel, Kontext, Daten und Akzeptanzkriterium an. Iteriert wird in kleinen Schritten, eine Änderung pro Prompt. Fehlermeldungen kommen wörtlich in den nächsten Prompt zurück. Das ersetzt 90 Prozent aller „Tricks", die im Netz herumgereicht werden.

Was Prompt Engineering hier bedeutet

Prompt Engineering im Vibe-Coding-Kontext ist die Praxis, Anweisungen an einen KI-Builder so zu formulieren, dass das generierte Ergebnis beim ersten oder zweiten Versuch passt. Ziel ist nicht Eleganz, sondern Verlässlichkeit.

Die 7 Prinzipien

  1. Ziel zuerst. Das gewünschte Ergebnis steht im ersten Satz, nicht am Ende.
  2. Kontext mitgeben. Welche Datei, welche Komponente, welches Datenmodell ist betroffen.
  3. Eine Änderung pro Prompt. Kein „und außerdem", kein „und bitte gleich noch".
  4. Akzeptanzkriterium nennen. Was muss am Ende sichtbar oder messbar sein.
  5. Beispiele statt Beschreibungen. „So wie auf GitHub" schlägt drei Adjektive.
  6. Negativ sparsam einsetzen. „Mache X" wirkt zuverlässiger als „Mache nicht Y".
  7. Fehler wörtlich zurückspielen. Fehlermeldung kopieren, „Bitte diesen Fehler beheben" davor schreiben.

Vorher und nachher

Beispiel 1: Login-Seite

Mach mal eine Login-Seite, ein bisschen schöner.
Erstelle eine Login-Seite mit E-Mail und Passwort über Supabase Auth. Layout: - Zentriertes Card-Element, 380px breit - Logo oben, Überschrift „Willkommen zurück" - Felder E-Mail, Passwort, Button „Einloggen" - Sekundärer Link „Konto anlegen" unten Verhalten: - Erfolg: Weiterleitung auf /dashboard - Fehler: Inline-Hinweis unter dem Button, kein Toast

Beispiel 2: Detail-Änderung

Bitte die Tabelle sortierbar machen, paginierbar, filterbar und Excel-Export einbauen.
In src/routes/orders.tsx: mache die Spalte „Datum" anklickbar für Sortierung. Klick wechselt zwischen aufsteigend und absteigend, aktive Sortierung wird im Spaltenkopf mit einem kleinen Pfeil markiert. Ändere sonst nichts an dieser Datei.

Anti-Pattern, die teuer werden

  • Mehrere Themen mischen. „Bitte das Modal überarbeiten, das Datenmodell ändern und die E-Mail-Logik neu schreiben." Praktisch immer ein Rückbau-Fall.
  • Fehlermeldungen umschreiben. „Da kommt irgendwas mit Auth." Liefert vage Antworten. Lieber den Original-Text aus der Konsole kopieren.
  • „Mach es schöner". Ohne konkrete Referenz, ohne Spacing- oder Farbangabe gibt das jedes Mal ein anderes Ergebnis.
  • Riesiger Initial-Prompt. 3000 Wörter Spec auf einmal. Lovable trifft die Hauptpunkte, lässt aber Details fallen. Lieber Grundgerüst plus iterative Erweiterung.

Eine fertige Regel

Bevor du einen Prompt absendest, lies ihn einmal laut. Wenn du selbst ins Stocken kommst, wird die KI auch ins Stocken kommen. Eine zweite Version mit nur einem Thema schlägt fast immer.

Werkzeuge, die das Tippen abnehmen

Den iterativen Teil kannst du dir mit dem Prompt-Optimizer abnehmen lassen, der einen rohen Prompt strukturiert. Fertige Vorlagen für Auth, CRUD, Mails und Dashboards stehen in der Prompt-Bibliothek. Wer den ersten Initial-Prompt für ein neues Projekt vorbereitet, startet im Initial-Prompt Generator.

Wie es weitergeht

Wer das Handwerk vertiefen will, findet die ausführliche Variante im Prompting-Guide. Den Methoden-Überblick liefert der Pillar-Artikel zu Vibe Coding, den passenden Werkzeugkasten der Tool-Vergleich.

Häufige Fragen

Praxis statt Theorie

Bau deine eigene App, von der Idee bis zum Launch

Der Builder School Praxis-Guide nimmt dich Schritt für Schritt mit. Sechs Phasen, ehrliche Prompts, Checklisten und Tools.

Weiterlesen