Skip to main content
Vorlagen geben dir einen vollständigen, gut strukturierten Ausgangspunkt statt eines leeren Prompts. Jede Vorlage ist ein bewährtes Layout, gebaut für einen bestimmten Tool- oder Seitentyp. Du wählst die passendste aus, Genie generiert sie, und du verfeinerst von dort aus mit Folgeprompts. Das ist der schnellste Weg von der Idee zur funktionierenden App.

​
So nutzt du eine Vorlage

1

Stöbere durch die Vorlagengalerie

Klicke in deinem Genie-Dashboard auf Vorlagen in der Seitenleiste oder Navigation. Die Vorlagen sind nach Kategorien geordnet, damit du den passenden Ausgangspunkt schnell findest.
2

Wähle eine Vorlage

Klicke auf eine Vorlagenkarte, um eine Beschreibung zu sehen, was enthalten ist — das Layout, die Bereiche und die unterstützten Interaktionen. Wenn du eine gefunden hast, die passt, klicke auf Diese Vorlage verwenden.
3

Genie generiert deine App

Genie führt den eingebauten Prompt der Vorlage aus und generiert deine App. Die Live-Vorschau öffnet sich automatisch, sobald die Generierung abgeschlossen ist.
4

Mit Folgeprompts anpassen

Die Vorlage ist dein Ausgangspunkt, nicht die finale Version. Tippe Folgeprompts, um Farben anzupassen, Bereiche umzubenennen, Felder hinzuzufügen oder das Layout an deine Bedürfnisse anzupassen.
Jede Vorlage wird aus einem Prompt in Alltagssprache generiert — derselben Art, die du selbst schreiben würdest. Du kannst den Prompt vor dem Generieren ansehen und anpassen, wenn du den Ausgangspunkt verändern möchtest.

​
Vorlagenkategorien

Vorlagen sind in sechs Kategorien organisiert, basierend auf dem Tool-Typ oder der Zielgruppe.
Vorlagen für Gründer:innen und frühe Teams, die schnell Landingpages, Dashboards und schlanke Produkt-Tools brauchen.

Startup Launchpad

Baue eine Startup-Landingpage mit Gradient-Hero, 3 Feature-Blöcken, Social Proof, Preisumschalter und Sticky-CTA-Leiste.Tags: Hero · Features · CTA

Micro SaaS Dashboard UI

Erstelle ein Frontend-only-Beispiel-Dashboard: Sidebar-Navigation, KPI-Statistikkarten, Charts, Aktivitätsliste und Datentabelle.Tags: Dashboard · Charts · Navigation

Task Tracker Mini App

Baue eine Aufgabenverwaltungs-App mit Kanban-Spalten, verschiebbaren Karten, Tag-Filtern und Statistik-Zusammenfassung.Tags: Aufgaben · Board · Filter

​
Alle Vorlagen auf einen Blick

​
Eine Vorlage anpassen

Jede Vorlage ist ein Ausgangspunkt. Nach der Generierung kannst du mit Folgeprompts alles ändern:
Tippe etwa: "Ändere das Farbschema zu Türkis und Off-White" oder "Verwende einen dunklen Hintergrund mit Bernstein-Akzenten".
Tippe: "Füge einen Testimonials-Bereich unter den Feature-Blöcken hinzu" oder "Entferne den Preisumschalter und ersetze ihn durch einen einzelnen CTA-Button".
Tippe: "Benenne 'Projekte' in 'Kunden' in der gesamten App um" oder "Ändere die Kanban-Spalten von Backlog/In Progress/Done zu Neu/Aktiv/Geschlossen".
Tippe: "Füge eine Suchleiste zur Kontakttabelle hinzu" oder "Füge dem Habit-Tracker eine Monatsansicht zusätzlich zum bestehenden Raster hinzu".
Vorlagen enthalten standardmäßig kein Live-Backend — sie verwenden lokale Mock-Daten, um die Oberfläche zu zeigen. Um echte Datenspeicherung, Nutzer-Logins oder Zahlungsabwicklung anzubinden, nutze Folgeprompts, um diese Funktionen hinzuzufügen, oder erkunde Genie Cloud.

​
Nächste Schritte

Deinen ersten Prompt schreiben

Lerne, wie du Prompts schreibst, die schon bei der ersten Generierung großartige Ergebnisse liefern.

Genie Cloud erkunden

Füge jeder App, die du baust, eine echte Datenbank, Authentifizierung oder Dateispeicher hinzu.