Widok kreatora
Przegląd układu
Widok kreatora to trójpanelowe środowisko edycji otwierane przez podwójne kliknięcie dowolnej grupy w Obszarze komponentów. Zapewnia listę bloków po lewej, edytor kodu w centrum i podgląd na żywo po prawej, z Polem polecenia AI biegnącym wzdłuż dołu.
Panel listy bloków
Lewy panel wyświetla wszystkie bloki bieżącej grupy. Każdy blok pokazuje podgląd karty z nazwą bloku i numerowaną listą plików poniżej. Użyj paska narzędzi na górze, aby nawigować wstecz, przełączać się między widokiem listy a widokiem podzielonym, lub kliknij przycisk +, aby dodać nowy blok.
Edytor kodu
Centralny panel to edytor kodu z zakładkami, w którym piszesz i edytujesz treść bloków. Zakładki są zorganizowane według typu pliku:
Tekst
Pisz dokumentację, markdown lub zwykły tekst dla bloku.
HTML
Edytuj strukturę HTML swojego komponentu.
CSS
Dodaj style dla swojego komponentu.
JavaScript
Dodaj interaktywność i logikę do swojego komponentu.
Podgląd na żywo
Prawy panel renderuje podgląd na żywo Twojego komponentu. W miarę dodawania HTML, CSS i JavaScript w edytorze, podgląd aktualizuje się, aby pokazać skompilowany wynik. Możesz również przeciągać i upuszczać pliki lub wklejać zawartość (Ctrl+V) bezpośrednio do obszaru podglądu, aby dodać je do bloku. Użyj ikony oka, aby przełączyć podgląd, i przełącznika BG, aby zmienić tło podglądu.
Pole polecenia AI
Dolny pasek to Pole Podpowiedzi AI. Użyj go, aby opisać zmiany i pozwolić AI wygenerować lub zmodyfikować zawartość bloku. Zawiera selektor modelu, pole tekstowe, wejście głosowe i emoji oraz przycisk Generuj. Dwa przełączniki trybu — A i V — przełączają między Trybem Bezpośredniego AI a Trybem Wariacji.
Kategorie generowania AI
Selektor modelu AI ujawnia kategorie generowania, które określają, jaki typ treści AI produkuje:
Generowanie tekstu
Generuj lub edytuj treści tekstowe, takie jak kod, dokumentacja i znaczniki.
Generowanie obrazów
Twórz obrazy z poleceń tekstowych lub edytuj istniejące obrazy za pomocą AI (tekst-na-obraz i obraz-na-obraz).
Generowanie wideo
Generuj filmy z opisów tekstowych lub animuj nieruchome obrazy w wideo (tekst-na-wideo i obraz-na-wideo).
Tryb bezpośredni AI (A)
Gdy przełącznik A jest aktywny, AI wprowadza bezpośrednie modyfikacje komponentu na miejscu. Tekst pola pokazuje „Opisz zmiany do zastosowania w komponencie", a znacznik wskazuje, który plik zostanie zmodyfikowany (np. „Zmodyfikuje: tekst"). Ten tryb jest idealny do szybkich, precyzyjnych edycji aktualnie wybranego pliku.
Tryb wariantów (V)
Gdy przełącznik V jest aktywny, AI generuje wiele wariacji komponentu zamiast edytować na miejscu. Tekst pola zmienia się na „Opisz wariacje, które chcesz wygenerować" i pojawia się licznik z kontrolkami − / +, aby wybrać, ile wariacji utworzyć. Wygenerowane wariacje pojawiają się w dedykowanym panelu, gdzie możesz je przejrzeć i dodać preferowane wersje do grupy.