Füge deiner Seite einen Vibe-Block aus der Block-Bibliothek hinzu. Du findest ihn in der Kategorie „Sonstiges“ oder direkt in der Liste der Kategorien unterhalb Zero Block.

Gib eine Eingabeaufforderung in das Eingabefeld ein, um den Block zu generieren. Sobald deine Eingabeaufforderung fertig ist, klicke auf die Schaltfläche „Senden“ oder drücke die Eingabetaste auf deiner Tastatur.

Um ein KI-Modell für die Codegenerierung auszuwählen, klicken Sie auf den Modellnamen unterhalb des Eingabefelds.

Um Bilder hinzuzufügen, die die KI bei der Erstellung berücksichtigen soll, klicken Sie auf das Büroklammer-Symbol.

Klicken Sie auf das Fragezeichen-Symbol, um Beispielaufforderungen für die Erstellung eines Blocks anzuzeigen oder diese als Ausgangspunkt für Ihre eigene Aufforderung zu nutzen.

Klicken Sie auf eine beliebige Beispielaufforderung, um sie zu verwenden.

Sie können sich ein Beispiel für eine Eingabeaufforderung auch als Live-Demo auf einer separaten Seite ansehen, beispielsweise ein Beispiel für ein Deckblatt.

Um den generierten Blockcode zu kopieren, klicken Sie auf „Code kopieren“. Der Block wird dann automatisch zu Ihrer Seite hinzugefügt.

Klicken Sie auf „Prompt anwenden“, um den Editor zu öffnen und Ihre Anfrage zu bearbeiten. Im Editor können Sie außerdem Bilder anhängen oder ein anderes KI-Modell für die Generierung auswählen.

Sobald der Block erstellt wurde, zeigt der KI-Chat die Meldung „Fertig!“ an, um darauf hinzuweisen, dass der Block einsatzbereit ist. Unterhalb der Eingabeaufforderung siehst du die Optionen zum Kopieren, erneuten Erstellen oder Löschen des Blocks.

Im Chat kannst du die Antwort der KI aufklappen, um den Code anzusehen und zu kopieren.

Um den vollständigen Code anzuzeigen, klicken Sie oben auf „Code“, um den Editor zu öffnen. Dort können Sie den Code manuell bearbeiten und den Block weiter anpassen.

Um das beste Ergebnis zu erzielen, können Sie entweder den Blockcode neu generieren, indem Sie Ihre ursprüngliche Eingabe verfeinern, oder eine völlig neue Anfrage eingeben.

Sie können beispielsweise einfach beschreiben, was in dem Block geändert werden soll, und die KI passt den Code entsprechend an.

Standardmäßig zeigt der Block die zuletzt generierte Version an. Um eine frühere Version anzuzeigen, klicken Sie auf das Augensymbol. Um diese Version zu übernehmen, klicken Sie auf „Übernehmen“.

Mit dieser Option können Sie zwischen verschiedenen Versionen des Blocks wechseln. Um Ihr Ergebnis zu speichern, schließen Sie einfach das KI-Chat-Fenster.

Um den Block nach dem Schließen des Chats erneut zu bearbeiten, klicke auf die Schaltfläche „Block-Editor“.

Um ein Element in einem generierten Block zu bearbeiten, klicken Sie darauf; daraufhin öffnet sich ein Popup-Fenster zur Inhaltsbearbeitung.

Geben Sie Ihren Text in das Inhaltsfeld ein, speichern Sie die Änderungen, und sie werden im Block angezeigt.

Um den Code eines bestimmten Elements anzuzeigen und zu bearbeiten, klicken Sie auf das Pfeilsymbol.

Wenn Sie den Blockcode bequemer bearbeiten möchten, klicken Sie auf das Code-Symbol, um den Editor zu öffnen.

Vibe Block verfügt über Limits für kostenlose Anfragen, die standardmäßig in allen Tarifen enthalten sind. Die folgende Tabelle zeigt, wie viele Anfragen Sie je nach Tarif alle 12 Stunden und pro Monat stellen können.