Haufe Akademie · Zertifizierte:r KI-Expert:in Produktmanagement (Teil 2)

So baust du eine Vibecoded Automation

Keine Programmierkenntnisse nötig. Mit dem richtigen Vorgehen baut Lovable die App – du gibst die Richtung vor.

Vorher, einmalig: Die 10 Softwareentwicklungsregeln in die Workspace Instructions von Lovable einfügen.

  1. README-Datei erstellen

    Beschreibe deine App mit einem aktuellen Spitzenmodell mit Denkmodus (z. B. Claude Opus 5.5): Was soll sie tun? Welche Inputs und Outputs gibt es? Welche API wird genutzt? Das README ist der Bauplan für Lovable. Dazu kommen 5–6 Projektregeln: das, was in diesem Projekt immer gilt.

    Zum README-Generator

  2. README + API-Dokumentation in Lovable einfügen

    Öffne Lovable und füge dein README sowie den Link zur API-Dokumentation des gewünschten Dienstes ein. Je mehr Kontext, desto besser das Ergebnis.

    a) Leeres Projekt anlegen. Die Project Instructions gibt es erst, wenn ein Projekt existiert. Starte deshalb ein neues Projekt mit diesem Prompt. Lovable legt das Projekt an, baut aber noch nichts.

    Initialisiere dieses Projekt in einem pausierten, leeren Zustand. Erzeuge keine Features, Dateien oder Code. Leite kein Ziel ab. Bestätige kurz und warte auf meine Anweisungen.

    b) Projektregeln in die Project Instructions. Oben auf More klicken, dann links Settings → Instructions. Nur die kurzen Projektregeln einfügen (unter 1.000 Zeichen), nicht das ganze README. Dann auf Update klicken.

    Lovable: Fenster More, links Settings → Instructions ausgewählt, rechts das Textfeld der Project Instructions mit den sechs Projektregeln für WOMENinICT Sales und dem Button Update
    So sehen die Projektregeln in den Project Instructions aus (Beispiel WOMENinICT Sales). Anklicken zum Vergrößern.

    c) README als ersten Prompt schicken, am besten im Plan Mode. So plant Lovable mit dem ganzen Bauplan, ohne dass er bei jedem Prompt mitläuft.

    Hier ist das README meiner App. Lies es vollständig und stelle Rückfragen, falls etwas unklar ist. Erstelle dann einen Plan nur für Stufe 1. Baue noch nichts.

API-Dokumentation: [LINK EINFÜGEN]

[README HIER EINFÜGEN]
    Faustregel: In die Instructions kommt nur, was immer gilt und was Lovable nicht aus dem Code ablesen kann. Workspace: unter 2.000 Zeichen. Projekt: 5–6 Kernregeln. Tabellen, Datenbankschema und API-Details gehören in den Prompt oder in den Code.

  3. API-Secrets hinterlegen oder Connectoren nutzen

    Trage deine API-Keys direkt in Lovable ein. Lovable speichert sie sicher als Umgebungsvariablen – sie werden nie im Code sichtbar.

    Keys nie in den Chat schreiben. Trag sie nur in das Eingabefeld ein, das Lovable dafür anzeigt. Im README steht nur der Name des Keys, nie der Key selbst.

  4. Erste Version generieren lassen

    Lovable baut die erste Version deiner Automation automatisch. Teste das Ergebnis, gib Feedback im Chat und verfeinere iterativ – ganz ohne Code zu schreiben.

    Nach jeder Stufe: ausmisten. Ändere in den Project Instructions die Zeile Aktuelle Stufe. Lass Lovable dabei prüfen, welche Regeln überholt sind:

    Stufe [X] ist abgeschlossen und getestet. Prüfe meine Project Instructions gegen den aktuellen Code: Welche Regeln sind erledigt, überholt oder stehen inzwischen ohnehin im Code? Schlage mir eine gekürzte Fassung für Stufe [X+1] vor. Ändere dabei keinen Code.

    Den Vorschlag prüfst du und trägst ihn selbst in die Instructions ein.

Tipp: Je präziser dein README, desto weniger Iterationen brauchst du. Investiere Zeit in Schritt 1 – es spart dir Zeit in allen anderen Schritten.