Skaparvy
Layoutoversikt
Skaparvyn ar en trepanels redigeringsmiljo som du oppnar genom att dubbelklicka pa valfri grupp i Komponentomradet. Den tillhandahaller en blocklista till vanster, en kodredigerare i mitten och en liveforhandsgranskning till hoger, med en AI-promptruta langst ner.
Blocklistepanel
Vanster panel visar alla block i den aktuella gruppen. Varje block visar en kortforhandsgranskning med blocknamnet och en numrerad fillista under. Anvand verktygsfualtet langst upp for att navigera tillbaka, vaxla mellan list- och delad vy, eller klicka pa knappen + for att lagga till ett nytt block.
Kodredigerare
Centrumpanelen ar en flikbaserad kodredigerare dar du skriver och redigerar blockinnehall. Flikar ar organiserade efter filtyp:
Text
Skriv dokumentation, markdown eller ren textinnehall for blocket.
HTML
Redigera HTML-strukturen for din komponent.
CSS
Lagg till stilar for din komponent.
JavaScript
Lagg till interaktivitet och logik till din komponent.
Liveforhandsgranskning
Hoger panel renderar en liveforhandsgranskning av din komponent. Nar du lagger till HTML, CSS och JavaScript i redigeraren uppdateras forhandsgranskningen for att visa det kompilerade resultatet. Du kan aven dra och slappa filer eller klistra in innehall (Ctrl+V) direkt i forhandsgranskningsomradet for att lagga till dem i blocket. Anvand ogonsymbolen for att vaxla forhandsgranskningen och BG-knappen for att andra forhandsgranskningens bakgrund.
AI-promptruta
Nedre faltet ar AI-promptrutan. Anvand den for att beskriva andringar och lata AI generera eller modifiera ditt blockinnehall. Den inkluderar en modellvaljare, ett textinmatningsfalt, rost- och emojiinmatning samt en Generera-knapp. Tva lagesvaxlare — A och V — vaxlar mellan Direkt AI-lage och Variationslage.
AI-genereringskategorier
AI-modellvaljaren visar genereringskategorier som bestammer vilken typ av innehall AI producerar:
Textgenerering
Generera eller redigera textbaserat innehall sasom kod, dokumentation och markup.
Bildgenerering
Skapa bilder fran textprompter eller redigera befintliga bilder med AI (text-till-bild och bild-till-bild).
Videogenerering
Generera videor fran textbeskrivningar eller animera stillbilder till video (text-till-video och bild-till-video).
Direkt AI-lage (A)
Nar A-vaxlaren ar aktiv gor AI direkta andringar i din komponent pa plats. Falttexten visar "Beskriv andringarna som ska tillampas pa din komponent" och ett marke anger vilken fil som kommer att modifieras (t.ex. "Kommer att modifiera: text"). Detta lage ar idealiskt for snabba, riktade redigeringar av den valda filen.
Variationslage (V)
Nar V-vaxlaren ar aktiv genererar AI flera variationer av din komponent istallet for att redigera den pa plats. Falttexten andras till "Beskriv variationerna du vill generera" och en raknare med − / +-kontroller visas sa att du kan valja hur manga variationer som ska skapas. Genererade variationer visas i en dedikerad panel dar du kan granska dem och lagga till dina foredrawna versioner i gruppen.