Der Unterschied zwischen einem generischen und einem erstklassigen KI-Ergebnis ist selten das Modell, sondern der Prompt. Die Muster unten liefern Ergebnisse, die bewusst, markengerecht und launchbar wirken, nicht zusammengeschustert. Nutz sie als Gerüst und pass sie an dein Produkt an.
Jeder Lovable-Nutzer entdeckt früher oder später, dass derselbe Prompt auf zwei Arten gestellt zwei völlig verschiedene Apps produziert. Eine wirkt generisch, wie eine leicht getarnte Vorlage. Die andere wirkt gewollt, als hätte ein umsichtiger Designer sie geschrieben. Das Modell hat sich nicht geändert. Der Prompt schon.
Nachdem wir Tausende Prompts in unserer Research-Community gesichtet und dieselben Produkte selbst dutzendfach neu gebaut haben, haben wir die Muster gesammelt, die durchweg Premium-Ergebnisse liefern. Das ist die kuratierte Bibliothek. Nutz sie als Ausgangspunkt, nicht als Skript.
Die Anatomie eines guten Lovable-Prompts
Vor der Bibliothek das Muster. Jeder Prompt, der durchweg Premium-Output liefert, enthält fünf Elemente, ungefähr in dieser Reihenfolge:
- Ein benanntes Produkt oder eine Marke, damit die KI sich auf eine Identität festlegt statt auf Abstraktion.
- Ein konkretes Publikum, damit die Texte zielgerichtet statt generisch sind.
- Ein einzelnes Hauptergebnis, damit der Screen nicht ausufert.
- Eine visuelle Referenz (ein oder zwei Namen), damit die Ästhetik meinungsstark ist.
- Eine Einschränkung, die nennt, was wegzulassen ist, damit das Ergebnis zurückhaltend ist.
Landing Pages, die konvertieren
1. Premium-SaaS-Landing: Linear/Stripe-Ästhetik
Bau die Marketing-Landing-Page für [Produkt]. Publikum: [konkreter Nutzer]. Above the Fold: Ein-Satz-Überschrift, die den schmerzhaften Moment nennt, Ein-Satz-Unterüberschrift, die die Linderung nennt, einzelner CTA. Ästhetik: Linear trifft Stripe: zurückhaltende Typografie, großzügiger Weißraum, sanfter Verlaufs-Hero, keine Stock-Illustrationen. Drei ehrliche Screenshots, drei nummerierte Schritte, ein Preisblock mit einem einzigen Plan und ein Footer. Kein Karussell, keine Testimonial-Wand, kein Chat-Widget.
2. Produktseite mit Editorial-Gefühl
Bau eine Produktseite im Magazin-Stil für [Produkt] im Geist von Kinfolk und dem Apple Newsroom. Nutz eine feine Serifenschrift für die Überschrift (Playfair Display italic für das Akzentwort). Serifenlose Grundschrift. Asymmetrischer Zwei-Spalten-Hero, bei dem das Produktbild rechts neben der Überschrift schwebt. Cremefarbener Hintergrund, anthrazitfarbener Text. Ein primärer CTA, keine sekundären CTAs. Die Seite soll langsam und selbstsicher wirken.
3. Indie-Hacker-Launch-Seite
Bau eine Launch-Seite für [Produkt], ein Indie-SaaS für [Publikum]. Direkter, freundlicher Ton. Zeig Name und Foto des Gründers. Ein Absatz, der die Geschichte erzählt, warum das existiert. Einzelner CTA: 'Kostenlos ausprobieren.' Unter dem Fold eine kurze FAQ in der Stimme des Gründers. Sanfter cremeweißer Hintergrund, eine einzelne Akzentfarbe. Keine Konzernsprache.
Vollständige SaaS-Gerüste
4. Abo-SaaS in einem Prompt
Bau ein komplettes Abo-SaaS namens [Name] für [Publikum]. Enthalten: Marketing-Landing-Page, Authentifizierung (E-Mail und Google), ein sauberes Dashboard mit Sidebar-Navigation, eine einzelne Haupt-Feature-Seite, Einstellungen, Billing über Stripe mit einem Plan zu $19/Monat und ein Logout-Fluss. Nutz das verwaltete Backend für Datenbank und Auth. Design: premium-minimal, sanftes Violett als Primärfarbe, Inter-Typografie, großzügiger Weißraum. Mobil responsiv.
5. Internes Tool / Admin-Panel
Bau ein internes Admin-Tool für [Team], um [Entität] zu verwalten. Einzelner Screen: eine ruhige, datendichte Tabelle mit Suche, Filtern nach [Feldern], Inline-Bearbeitung und Bulk-Aktionen. Sidebar-Navigation für verwandte Entitäten. Nutz das verwaltete Backend. Ästhetik: Linear-inspiriert, Dark Mode als Standard, Monospace für IDs. Priorisier Klarheit vor Dekoration. Kein Marketing-Chrome.
6. Skelett eines zweiseitigen Marktplatzes
Bau ein Marktplatz-MVP, das [Angebot] mit [Nachfrage] verbindet. Zwei Rollen, getrennte Dashboards. Angebots-Rolle: Profil, Listing-Erstellung, Posteingang. Nachfrage-Rolle: Suche, Listing-Detail, Kontakt-Aktion. Auth mit Rollenwahl bei der Anmeldung. Verwaltetes Backend. Saubere Editorial-Ästhetik. Lass Messaging für v1 weg, ersetz es durch einen 'Verkäufer mailen'-Button, der eine vorformulierte E-Mail öffnet.
MVPs in einem einzigen Prompt
7. Das Sieben-Tage-MVP-Briefing
Bau die kleinstmögliche nützliche Version von [Produkt]. Ein Screen, eine Eingabe, eine Ausgabe. Lass Authentifizierung für v1 weg, speicher den Zustand in localStorage. Die Ausgabe muss das eine sein, wofür der Nutzer gekommen ist. Premium-minimale Ästhetik. Über dem Screen ein einzelner Satz, der erklärt, was es tut. Darunter ein einzelner CTA: 'Für später speichern' (legt ein Konto an).
8. KI-gestütztes Ein-Zweck-Tool
Bau ein Ein-Screen-KI-Tool: [Eingabe] einfügen, [Ausgabe] erhalten. Nutz Lovable AI auf dem verwalteten Backend mit dem Modell [Modell]. Zeig einen sauberen Textbereich, einen einzelnen Generieren-Button und ein Ergebnis-Panel mit Kopieren-Button. Baue einen dezenten Ladezustand ein (Schreibmaschinen-Cursor, kein Spinner). Mobilfreundlich. Footer mit einer Zeile: 'Gebaut mit Lovable.' Lass Rate-Limits für v1 weg; die fügen wir später hinzu.
Design-Systeme und visuelle Richtung
9. Ein meinungsstarkes Design-System einrichten
Bevor du Features baust, richte das Design-System in index.css und tailwind.config ein. Primärfarbe: [hex] (in HSL umwandeln). Hintergrund: warmes Cremeweiß (hsl 40 30% 97%). Vordergrund: fast schwarz (hsl 240 15% 10%). Überschriften: Inter Display 700, Grundschrift: Inter 400, Akzent-Kursiv: Playfair Display 500. Radius: 0.75rem. Ergänze eine sanfte Verlaufs-Utility .gradient-text und eine Glas-Karten-Utility. Jede künftige Komponente nutzt diese Tokens. Schreib nie Hex-Werte inline.
10. Eine bestehende App neu einkleiden, damit sie premium wirkt
Kleide die aktuelle App neu ein, damit sie wie eine edle Editorial-Publikation wirkt. Ersetz generische shadcn-Voreinstellungen durch: Inter-Display-Überschriften, Playfair Display italic für das Akzentwort in jeder H1, sanften Violett-zu-Pink-Verlauf auf primären CTAs, großzügige Abstände (py-24 zwischen Sektionen auf Desktop) und asymmetrische Layouts, wo passend. Entferne Emojis aus Überschriften. Ergänze einen ornamentalen Trenner pro Seite.
Konkrete UI-Komponenten
- Preistabelle mit einem hervorgehobenen Plan und null Feature-Wildwuchs.
- Animierter Schreibmaschinen-Hero, der durch drei Produkt-Anwendungsfälle wechselt.
- Artikel-Layout im Editorial-Stil mit Initial, Pull-Quote und Lesefortschritts-Balken.
- Ruhiger Onboarding-Fluss mit drei Schritten und einer Überspringen-Option, die den Nutzer nicht bestraft.
- Leerzustände mit einer einzelnen Illustration und einer einzelnen nächsten Aktion.
- Einstellungsseite, die sich wirklich wie eine Apple-Einstellungsseite anfühlt, nicht wie ein Bootstrap-Formular.
KI-Features und Integrationen
11. Ein Chat-Interface zu einer bestehenden App hinzufügen
Füg der aktuellen App ein Chat-Panel hinzu. Nutz Lovable AI mit dem Modell google/gemini-3-flash-preview. Speicher Konversationen im verwalteten Backend, auf den angemeldeten Nutzer beschränkt. Streame Antworten (nicht blockierend). Halt die UI minimal: eine einzelne Spalte, großzügige Zeilenhöhe, keine Avatar-Blasen. Der Slash-Befehl '/clear' setzt den Thread zurück.
12. Strukturierte Extraktion aus einem Dokument
Füg ein Feature hinzu, bei dem ein Nutzer ein PDF hochlädt und eine strukturierte Zusammenfassung zurückbekommt: Titel, drei Kernaussagen und eine vorgeschlagene Aktion. Nutz Lovable AI Structured Output (Zod-Schema). Zeig das Ergebnis als Editorial-Karte, nicht als JSON-Dump. Speicher jede Extraktion in der Historie des Nutzers.
Die Reparatur-Prompts, die jeder Builder braucht
13. Das gezielte Refactoring
Die [Komponente] macht zu viel. Teil sie in kleinere Komponenten mit einer einzigen Verantwortung in einem neuen Ordner. Halt die öffentliche Schnittstelle identisch. Änder keine Logik. Nach der Teilung sollte die Elterndatei unter 100 Zeilen liegen.
14. Die ehrliche Design-Kritik
Sieh dir den aktuellen Screen mit den Augen eines Awwwards-Jurors an. Nenn die drei schwächsten visuellen Entscheidungen und schlag konkrete Ersatzlösungen vor. Setz sie dann um. Sei meinungsstark.
15. Der Performance-Audit
Profilier die Startseite. Identifizier die drei langsamsten Renderings oder größten Assets. Behebe sie: Lade Bilder unter dem Fold lazy, code-splitte schwere Routen und ersetz unnötige Client-Komponenten. Ziel: Lighthouse 95+ auf Mobil.
So nutzt du diese Bibliothek
Wähl den nächstliegenden Prompt. Ersetz die Platzhalter in Klammern. Füg einen Satz hinzu, der nennt, was wegzulassen ist. Iterier dann vom Ergebnis mit kleineren, chirurgischen Prompts, statt das ganze Briefing neu zu schreiben.
Kopier einen Prompt von oben in ein frisches Projekt und sieh, was sich ändert.
Häufig gestellte Fragen
Produzieren längere Prompts bessere Lovable-Ergebnisse?
Nicht immer. Die besten Prompts sind dicht, nicht lang. Sie nennen die Marke, das Publikum, das Ergebnis, die visuelle Referenz und die Einschränkungen. Mit Adjektiven zu polstern produziert vageren Output.
Sollte ich Prompts auf Englisch oder in meiner Muttersprache schreiben?
Beides funktioniert. Das Modell ist wirklich mehrsprachig. Wir haben exzellente Ergebnisse auf Russisch, Spanisch, Französisch und Portugiesisch gesehen. Schreib in der Sprache, in der du am klarsten denkst.
Wie prompte ich für einen bestimmten visuellen Stil?
Nenn ein oder zwei bekannte Referenzen statt langer Adjektiv-Stapel. 'Linear trifft Kinfolk' produziert ein stimmigeres Ergebnis als 'modern, elegant, premium, minimal, schön.'
Kann ich Prompts über Projekte hinweg speichern und wiederverwenden?
Ja. Wir empfehlen, eine persönliche Prompt-Bibliothek zu führen, selbst eine schlichte Textdatei: und jeden Prompt als geistiges Eigentum zu behandeln, das du über die Zeit schärfst.
Was ist der einzige wichtigste Satz, den man jedem Lovable-Prompt hinzufügen sollte?
Ein Satz, der nennt, was wegzulassen ist. Einschränkung erzeugt Geschmack; Erlaubnis erzeugt Wildwuchs.
Das Briefing
Das Beste von Lovable, einmal pro Woche.
Tiefe Tests, Gründer-Fallstudien und Growth-Taktik. Ohne Füllstoff.
Kein Spam. Abmeldung mit einem Klick.
Bau etwas mit uns
Mit Lovable loslegen
Öffne Lovable, schreib deinen ersten Prompt und launch das Ding, über das du schon viel zu lange nachdenkst.
Mit Lovable loslegen
