Docs/Guides/An deinem Projekt iterieren

An deinem Projekt iterieren

Aktualisiert 29. März 2026Guides

Best Practices, um Schritt für Schritt Änderungen vorzunehmen.

Eine Änderung nach der anderen

Die KI arbeitet am besten, wenn du nach einer Sache auf einmal fragst:

  • „Ändere den Header-Hintergrund auf Schwarz" (gut)
  • „Ändere den Header, füge einen Footer hinzu, gestalte die Karten neu und aktualisiere alle Farben" (zu viel auf einmal)

Prüfe die Vorschau

Prüfe nach jeder Änderung die Live-Vorschau, bevor du die nächste anfragst. So erkennst du Probleme früh.

Sei konkret beim Ort

Sag der KI genau, wo sie Änderungen machen soll:

  • „Ändere im Hero-Bereich den Headline-Text zu …"
  • „Füge im Footer einen Link zur Datenschutz-Seite hinzu"
  • „Ändere in der Preis-Karte für die Pro-Stufe den Preis zu …"

Nutze den Design-Mode

Klick ein beliebiges Element in der Vorschau an, um es auszuwählen. XAIO zeigt dir die Quelldatei und Zeilennummer. Anschließend kannst du die KI bitten, genau dieses Element zu ändern — ohne zu beschreiben, wo es ist.

Per Chat rückgängig machen

Sieht eine Änderung nicht gut aus, sag der KI einfach:

  • „Mach die letzte Änderung rückgängig"
  • „Stell den Header so wieder her, wie er vorher war"
  • „Das sieht nicht gut aus, geh zur vorherigen Version zurück"

Meilensteine mit Git sichern

Wenn GitHub verbunden ist, committet die KI nach jeder Änderung automatisch. Du kannst über deine Git-Historie jederzeit zu einer früheren Version zurück.

Wenn etwas kaputtgeht

Zeigt die Vorschau einen Fehler:

  • Sag der KI: „Die Vorschau zeigt einen Fehler, bitte behebe ihn"
  • die KI kann Fehler-Logs lesen und das Problem automatisch beheben
  • keine Panik — dein vorheriger Code liegt immer in Git