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.Documentation Index
Fetch the complete documentation index at: https://docs.genie-app.de/llms.txt
Use this file to discover all available pages before exploring further.
So nutzt du eine Vorlage
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.
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.
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.
Vorlagenkategorien
Vorlagen sind in sechs Kategorien organisiert, basierend auf dem Tool-Typ oder der Zielgruppe.- Startup
- Beratung
- Kleinunternehmen
- Marketing
- Spaß
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
| Vorlage | Kategorie | Was sie enthält |
|---|---|---|
| Startup Launchpad | Startup | Gradient-Hero, Feature-Blöcke, Social Proof, Preisumschalter, Sticky-CTA |
| Micro SaaS Dashboard UI | Startup | Sidebar-Nav, KPI-Karten, Charts, Aktivitätsliste, Datentabelle |
| Task Tracker Mini App | Startup | Kanban-Board, verschiebbare Karten, Tag-Filter, Statistik-Zusammenfassung |
| Freelancer Portfolio | Beratung | Split-Hero, Leistungsliste, Case-Study-Karten, Testimonial-Leiste, Kontaktformular |
| Agency Showcase | Beratung | Hero, Prozess-Zeitstrahl, Case-Study-Slider, Metriken-Leiste, Kontaktformular |
| Mini CRM Contacts | Beratung | Kontakttabelle, Segmentfilter, Aktivitäts-Zeitstrahl-Drawer |
| Client Portal Lite | Beratung | Tab-Oberfläche: Dateien, Nachrichten, Aufgaben, Übersicht |
| Recipe Organizer | Kleinunternehmen | Durchsuchbare Liste, Tag-Filter, Detail-Panel, Favoriten |
| Inventory Lite | Kleinunternehmen | Bestandstabelle, Niedrigbestand-Hervorhebungen, Massenbearbeitung |
| Quiz Builder | Marketing | Fragen-Editor, Vorschaumodus, Ergebniszusammenfassung |
| UTM Link Tracker | Marketing | UTM-Formular, Echtzeit-Vorschau, Kopier-Button, gespeicherte Links |
| Just for Fun Portfolio | Spaß | Farbenfroher Hero, Projektraster, About-Bereich, Hover-Animationen |
| Blog Magazine | Spaß | Featured-Artikel, Masonry-Grid, Kategorie-Filter, Newsletter-Anmeldung |
| Habit Tracker | Spaß | Gewohnheitsliste, monatliches Raster, Streak-Zähler, Fortschrittsringe |
| Idea Vault | Spaß | Masonry-Karten-Raster, Modal zum Hinzufügen, Score-Sortierung |
Eine Vorlage anpassen
Jede Vorlage ist ein Ausgangspunkt. Nach der Generierung kannst du mit Folgeprompts alles ändern:Farbschema ändern
Farbschema ändern
Tippe etwa:
"Ändere das Farbschema zu Türkis und Off-White" oder "Verwende einen dunklen Hintergrund mit Bernstein-Akzenten".Bereiche hinzufügen oder entfernen
Bereiche hinzufügen oder entfernen
Tippe:
"Füge einen Testimonials-Bereich unter den Feature-Blöcken hinzu" oder "Entferne den Preisumschalter und ersetze ihn durch einen einzelnen CTA-Button".Felder und Bezeichnungen umbenennen
Felder und Bezeichnungen umbenennen
Tippe:
"Benenne 'Projekte' in 'Kunden' in der gesamten App um" oder "Ändere die Kanban-Spalten von Backlog/In Progress/Done zu Neu/Aktiv/Geschlossen".Neue Funktionalität hinzufügen
Neue Funktionalität hinzufügen
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.