Dein Start in
Lovable.
Drei Bibliotheken, ein roter Faden: Methode → Optik → Funktion. Erst denken, dann gestalten, dann verdrahten.
🧭 Lernpfad
4 Phasen, 12 Schritte. Der rote Faden – von der Planung bis zum Ausliefern.
Öffnen🎨 Design-Styles
12 Design-Richtungen mit Beispiel-Prompts und Pro-Tipp. Stelle den Vibe bewusst ein.
Öffnen⚙️ Feature-Prompts
Sortierte Prompt-Bibliothek für Auth, UX, Payments, Integrationen und mehr.
Öffnen🧱 Ressourcen
Externe Komponenten-Quellen wie shadcn/ui und 21st.dev – direkt in Lovable-Prompts nutzbar.
Öffnen📚 Knowledge & Skills
Master-Template fürs Projekt-Knowledge plus fertige Skills für wiederkehrende Workflows.
ÖffnenSO FUNKTIONIERT'S
Empfohlener Weg durch die Schulung.
In dieser Reihenfolge greifen die drei Bibliotheken am besten ineinander.
- 01
Methode zuerst
Arbeite den Lernpfad chronologisch durch. Er gibt dir die Denkweise – Planen, Komponenten, Iteration.
- 02
Optik festlegen
Wähle 1–2 Design-Styles, die zu deinem Projekt passen. Übernimm den Style-Prompt als Fundament.
- 03
Funktion verdrahten
Pflücke gezielt Feature-Prompts aus dem Verzeichnis und füge sie atomar hinzu – einer nach dem anderen.
- 04
Bausteine ergänzen
Hole dir fertige Komponenten aus shadcn/ui oder 21st.dev und lass Lovable sie in dein Theme einbauen.
- 05
Wissen verankern
Wiederkehrende Regeln ins Knowledge, wiederkehrende Workflows in Skills – damit jede neue Session sofort weiß, wie du arbeitest.
QUELLEN
Worauf sich die Inhalte stützen
- Mastering Lovable ↗
Methode – Grundlage des Lernpfads
- Prompt Library for UI ↗
Optik – Inspiration der Design-Styles
- Prompt Directory ↗
Funktion – Inspiration der Feature-Prompts
- Lovable Docs – Knowledge ↗
Wissen – Grundlage für Knowledge-Best-Practices
- Lovable Docs – Skills ↗
Wissen – Grundlage für die Skill-Beispiele