Vibe Coding Session

Von der Idee zum MVP.

Drei KI-Agenten führen dich Schritt für Schritt vom Alltagsproblem über das Anforderungsdokument bis zum fertigen Code, der direkt in Lovable eingefügt werden kann. Kein Login. Keine Vorkenntnisse.

1
Brainstormer
Ida Sparks
2
Requirements
Rex Quire
3
Developer
Stacey Fullstack
★
Lovable
Dein MVP entsteht

Schritt 1

Ida Sparks

Chief Ideation Officer

Brainstorming Buddy für zündende App-Ideen – schneller, als du «Geschäftsmodell» sagen kannst.

Was du brauchst: Nichts – einfach loslegen.
Was du bekommst: 10 konkrete App-Ideen zur Auswahl.
Copy-Hinweis: Kopiere am Ende den Namen und die Beschreibung deiner gewählten Idee – du brauchst sie für Schritt 2.

Agent öffnen

Schritt 2

Rex Quire

Requirements Engineer

Stellt so lange gezielte Fragen, bis aus deiner Idee ein glasklares Anforderungsdokument wird – geduldiger als jeder Product Owner.

Was du brauchst: Deine App-Idee aus Schritt 1 (Name + Beschreibung).
Was du bekommst: Fertiges Anforderungsdokument.
Copy-Hinweis: Kopiere am Ende das vollständige Anforderungsdokument – du brauchst es für Schritt 3.

Agent öffnen

Schritt 3

Stacey Fullstack

Full-Stack Developer

Verwandelt dein Anforderungsdokument in lauffähigen Code – in Rekordzeit.

Was du brauchst: Anforderungsdokument aus Schritt 2.
Was du bekommst: Fertiger Code (Markdown) für Lovable.
Copy-Hinweis: Kopiere den gesamten Code-Block und füge ihn in Lovable ein – deine App entsteht.

Agent öffnen

So geht's weiter in Lovable

1
Gehe zu lovable.dev und erstelle ein neues Projekt.
2
Füge den Code aus Agent 3 (Stacey) in das Chat-Feld ein.
3
Lovable baut deine App – teste, iteriere, fertig 🚀

Bonus-Befehle für Agent 3

Nach dem ersten Build einfach in den Chat mit Stacey eintippen.

Befehl	Was passiert
`Testen & Iterieren`	3 konkrete Test-Szenarien (Happy Path, Edge Case, Error Case).
`Produktmanager-Anfrage`	10 Verbesserungstipps vom UX-Experten.

Datenschutz-Hinweis

Gib keine echten Passwörter, API-Keys, firmeninternen Code oder Kundendaten in die Agenten-Chats ein. Die eingegebenen Daten werden zur Verarbeitung an externe KI-Dienste übermittelt. Nutze stets Platzhalter oder Beispieldaten.

✅ Do's

Anforderungen VORHER klären – erst denken, dann coden.
Schritt für Schritt iterieren – Perfektion kommt durch Iteration.
KI als Sparringspartner nutzen – stuck? Frag die KI.
Fehler aktiv beheben – Fehlermeldung kopieren, KI den Fix generieren lassen.
Screenshots nutzen – ein Bild sagt mehr als 1000 Worte.
Design-Inspiration mitgeben – die KI übersetzt Beispiele in Code.
Ausgiebig testen – Happy Path + Edge Cases.
Code prüfen lassen – Prototypen OK, Produktion = Experten-Check Pflicht.

❌ Don'ts

Sensible Daten eingeben – NIEMALS echte Passwörter, API-Keys, Kundendaten.
Zu hohe Erwartungen haben – Vibe Coding ist für Prototypen und MVPs.
Blind auf das Ergebnis verlassen – KI-Code ist nicht automatisch sicher.
Zu viel auf einmal wollen – klein anfangen, dann erweitern.
Fehler ignorieren oder frustriert aufgeben – Fehler sind Teil des Prozesses.
Ohne Anforderungsdokument starten – erst PRD, dann coden.