Vorlagen
Aktualisiert 30. März 2026Describe
Mit einer Vorlage starten oder dein eigenes Design beschreiben.
Ein Projekt starten
Wenn du ein neues Projekt erstellst, hast du zwei Optionen:
1. Von Grund auf beschreiben
Tippe einen detaillierten Prompt, und die KI baut alles aus deiner Beschreibung. Am besten für einzigartige Designs und individuelle Anforderungen.
2. Beispiel-Prompts nutzen
Das Dashboard zeigt beliebte Beispiel-Prompts, die du zum Starten anklicken kannst:
- „Moderne SaaS-Landingpage mit Preisen"
- „Portfolio-Website mit Projekt-Galerie"
- „Restaurant-Website mit Menü und Reservierungen"
- „E-Commerce-Shop mit Produktkatalog"
Klick ein Beispiel an, um den Prompt zu befüllen, und passe ihn vor dem Bauen an.
Design-Inspiration
Referenziere bekannte Seiten oder Stile in deinem Prompt:
- „Preisseite im Stripe-Stil"
- „Dashboard im Notion-Stil"
- „Produkt-Showcase im Apple-Stil"
Die KI versteht diese Referenzen und wendet ähnliche Design-Muster an.
Was die KI generiert
Für jedes Projekt erstellt XAIO:
- React-Komponenten — modulare, wiederverwendbare UI-Komponenten
- Tailwind-Styling — responsives, modernes CSS
- Dateistruktur — organisierter Projektaufbau
- Routing — Navigation über mehrere Seiten (falls nötig)
- Responsives Design — funktioniert auf Desktop, Tablet und Mobile
Nach der Generierung
Sobald das erste Projekt steht, iterierst du per Chat:
- jeden Aspekt des Designs ändern
- neue Bereiche oder Features hinzufügen
- eigene Marken-Assets hochladen
- Integrationen verbinden (Datenbank, GitHub usw.)