Erstelle dein erstes XAIO-Projekt in unter 2 Minuten. Keine Programmierung nötig.

Schritt 1: Beschreibe deine Idee

Öffne XAIO und tippe deine Idee direkt in das Prompt-Feld auf dem Dashboard. Wähle deinen Projekttyp:

Website — Für Landingpages, Portfolios, Marketing-Sites.
Web App — Für Full-Stack-Anwendungen mit Backend und Datenbank.

Sei konkret bei dem, was du willst — je mehr Details du gibst, desto besser das Ergebnis.

Beispiel-Prompt:

Erstelle eine moderne Landingpage für ein SaaS-Produkt namens "TaskFlow". Beinhaltet einen Hero-Bereich mit Headline und CTA-Button, einen Feature-Bereich mit 3 Karten, Testimonials und einen Preisbereich mit 3 Stufen. Verwende ein blau-weißes Farbschema.

Tipp: Du kannst auch Bilder oder Dateien hochladen, indem du sie in den Prompt-Bereich ziehst. XAIO nutzt sie als Referenz für dein Projekt.

Schritt 2: Plan prüfen

XAIO erstellt einen Plan, der zeigt, was gebaut wird — Komponenten, Struktur und Vorgehen. Klick auf "Ja, starten", um fortzufahren, oder "Nein, verfeinern", um anzupassen.

Schritt 3: Beim Bauen zusehen

XAIO generiert deinen Code und zeigt eine Live-Vorschau, während es arbeitet. Du siehst, wie jede Datei erstellt wird und sich die Vorschau in Echtzeit aktualisiert.

Schritt 4: Per Chat iterieren

Sobald die Generierung fertig ist, nutze den Chat für Änderungen:

Farben, Text oder Layout ändern
Neue Bereiche oder Features hinzufügen
Bilder hochladen, die die KI verwenden soll
Die KI eigene Bilder generieren lassen
Bugs beheben oder Verhalten anpassen

XAIO versteht den Kontext — es kennt dein gesamtes Projekt und nimmt gezielte Änderungen vor.

Schritt 5: Veröffentlichen

Wenn du mit dem Ergebnis zufrieden bist, klick in der Toolbar auf "Publish", um dein Projekt mit einem Klick auf \*.xaio.app zu deployen.

Fertig! Dein Projekt ist live. Iteriere weiter, indem du Änderungen im Chat beschreibst — jede Aktualisierung erscheint sofort in der Vorschau.

Wie geht es weiter?

Grundkonzepte lernen — Verstehe, wie XAIO funktioniert.
Design-Mode ausprobieren — Bearbeite deine UI visuell.
GitHub verbinden — Versioniere dein Projekt.