Vista creatore
Panoramica del layout
Die Erstellungsansicht ist eine Drei-Panel-Bearbeitungsumgebung, die Sie durch Doppelklicken auf eine beliebige Gruppe im Komponentenbereich öffnen. Sie bietet eine Blockliste links, einen Code-Editor in der Mitte und eine Live-Vorschau rechts, mit einer KI-Prompt-Box am unteren Rand.
Pannello elenco blocchi
Das linke Panel zeigt alle Blöcke in der aktuellen Gruppe. Jeder Block zeigt eine Kartenvorschau mit dem Blocknamen und einer nummerierten Dateiliste darunter. Verwende die Werkzeugleiste oben zum Zurücknavigieren, zum Wechseln zwischen Listen- und geteilter Ansicht, oder klicke auf die Schaltfläche +, um einen neuen Block hinzuzufügen.
Editor di codice
Das mittlere Panel ist ein Code-Editor mit Tabs, in dem Sie Block-Inhalte schreiben und bearbeiten. Tabs sind nach Dateityp organisiert:
Text
Schreiben Sie Dokumentation, Markdown oder Klartext-Inhalte für den Block.
HTML
Bearbeiten Sie die HTML-Struktur Ihrer Komponente.
CSS
Fügen Sie Stile für Ihre Komponente hinzu.
JavaScript
Fügen Sie Interaktivität und Logik zu Ihrer Komponente hinzu.
Anteprima dal vivo
Das rechte Panel rendert eine Live-Vorschau deiner Komponente. Wenn du HTML, CSS und JavaScript im Editor hinzufügst, wird die Vorschau aktualisiert, um das kompilierte Ergebnis zu zeigen. Du kannst auch Dateien per Drag-and-Drop oder Inhalte einfügen (Strg+V) direkt in den Vorschaubereich, um sie zum Block hinzuzufügen. Verwende das Augensymbol zum Umschalten der Vorschau und den BG-Schalter zum Ändern des Vorschauhintergrunds.
Casella prompt IA
Die untere Leiste ist das KI-Eingabefeld. Verwende es, um Änderungen zu beschreiben und die KI den Inhalt deines Blocks generieren oder ändern zu lassen. Es enthält einen Modellwähler, ein Texteingabefeld, Sprach- und Emoji-Eingaben und eine Generieren-Schaltfläche. Zwei Modus-Schalter — A und V — wechseln zwischen dem Direkt-KI-Modus und dem Variationsmodus.
Categorie generazione IA
Der KI-Modellauswähler zeigt Generierungskategorien an, die bestimmen, welche Art von Inhalt die KI erzeugt:
Textgenerierung
Generieren oder bearbeiten Sie textbasierte Inhalte wie Code, Dokumentation und Markup.
Bildgenerierung
Erstellen Sie Bilder aus Textprompts oder bearbeiten Sie vorhandene Bilder mit KI (Text-zu-Bild und Bild-zu-Bild).
Videogenerierung
Generieren Sie Videos aus Textbeschreibungen oder animieren Sie Standbilder zu Videos (Text-zu-Video und Bild-zu-Video).
Modalita IA diretta (A)
Wenn der A-Schalter aktiv ist, nimmt die KI direkte Änderungen an deiner Komponente vor. Der Feldtext zeigt „Beschreibe die Änderungen, die auf deine Komponente angewendet werden sollen“ und ein Abzeichen zeigt an, welche Datei geändert wird (z. B. „Wird ändern: text“). Dieser Modus ist ideal für schnelle, spezifische Bearbeitungen an der aktuell ausgewählten Datei.
Modalita variazione (V)
Wenn der V-Schalter aktiv ist, generiert die KI mehrere Variationen deiner Komponente, anstatt sie direkt zu bearbeiten. Der Feldtext wechselt zu „Beschreibe die Variationen, die du generieren möchtest“ und ein Zähler mit − / +-Steuerelementen erscheint, damit du auswählen kannst, wie viele Variationen erstellt werden sollen. Generierte Variationen erscheinen in einem speziellen Panel, in dem du sie überprüfen und deine bevorzugten Versionen zur Gruppe hinzufügen kannst.