Vorschau

In der Vorschau prüfen Sie die aktuelle Version Ihres Projekts, bevor Sie es veröffentlichen.

Verwenden Sie es immer dann, wenn Sie Layout, Text, Interaktionen, Routen oder Reaktionsverhalten überprüfen möchten, nachdem Sie die KI um eine Änderung gebeten haben.

Wie es funktioniert

Im Arbeitsbereich werden Chat und Vorschau nebeneinander angezeigt. Bitten Sie im Chat um eine Änderung und sehen Sie sich dann das Ergebnis in der Vorschau an.

Wenn das Projekt über mehrere Seiten oder Routen verfügt, verwenden Sie das Feld „Vorschaupfad“, um eine bestimmte Seite zu öffnen. Wenn die Ansicht veraltet aussieht, aktualisieren Sie die Vorschau, bevor Sie AI bitten, eine weitere Änderung vorzunehmen.

Schlüsselfunktionen

  • Visuelle Live-Überprüfung: Sehen Sie sich das zuletzt generierte Projekt im Arbeitsbereich an.
  • Geräteansichtsfenster: Wechseln Sie zwischen PC-, Tablet- und Mobilansichten, um Probleme mit dem responsiven Layout zu erkennen.
  • Routentest: Öffnen Sie einen bestimmten Pfad, wenn das Projekt mehrere Seiten umfasst.
  • In neuem Tab öffnen: Verwenden Sie die externe Vorschau-URL, wenn Sie ein größeres Browserfenster benötigen.
  • Vorschau aktualisieren: Laden Sie die aktuelle Projektansicht nach einer Generierung, Routenänderung oder Asset-Aktualisierung neu.
  • Prüfungen vor der Veröffentlichung: Überprüfen Sie das Projekt, bevor Sie es veröffentlichen oder teilen.

So überprüfen Sie eine Änderung

  1. Bitten Sie AI um eine klare Änderung.
  2. Warten Sie, bis die Generierung abgeschlossen ist.
  3. Öffnen Sie Vorschau.
  4. Überprüfen Sie den geänderten Bildschirm in der PC-Ansicht.
  5. Wechseln Sie zur Mobil- und Tablet-Ansicht.
  6. Öffnen Sie alle wichtigen Routen.
  7. Wenn das Ergebnis falsch ist, beschreiben Sie das sichtbare Problem im Chat und bitten Sie um eine gezielte Lösung.

Kleine, konkrete Folgeanfragen funktionieren in der Regel besser, als die KI zu bitten, viele Dinge auf einmal neu zu gestalten.

Vorschau der URLs

Vorschau-URLs sind temporär und laufen nach 30 Minuten ab.

Nutzen Sie die Vorschau für die interne Überprüfung während der Erstellung. Wenn Sie einen stabilen Link an Teamkollegen, Kunden oder Tester senden müssen, veröffentlichen Sie das Projekt und teilen Sie stattdessen die veröffentlichte URL.

Wenn die Vorschau nicht ausreicht

Verwenden Sie die veröffentlichte URL für abschließende Prüfungen, die Folgendes umfassen:

  • benutzerdefinierte Domänen
  • Produktions-SEO-Metadaten
  • Rückrufe von Zahlungsanbietern
  • Authentifizierungsanbieter-Weiterleitungen
  • Analyseverkehr
  • öffentliches Teilen

Die Vorschau eignet sich gut für eine schnelle Iteration. Die veröffentlichte URL ist der richtige Ort, um das Produktionsverhalten zu überprüfen.

Verwandte Leitfäden