Kaiju Hub AI

Létrehozó nézet

Elrendezés áttekintése

A létrehozó nézet egy hárompanelos szerkesztési környezet, amelyhez dupla kattintással nyithatja meg a csoportot az összetevő területen. Balra a blokkok listája, a közepén a kódszerkesztő, a jobbra pedig egy élő előnézet található, az alján pedig egy AI prompt doboz.

Creator View three-panel layout showing block list on the left, Text tab code editor in the center, and Start Creating live preview on the right with AI Prompt Box at the bottom

Blokkok listája panel

Megnyitja a blokkot egy részletes nézetben, ahol megtekintheti a tartalmat a Szöveg és a Markdown előnézet lapokon, és másolhatja a nyers szöveget.

Kódszerkesztő

A középső panel egy lapozott kódszerkesztő, ahol írhatja és szerkesztheti a blokk tartalmát. A lapok a fájl típusok szerint vannak rendezve:

Szöveg

Írjon dokumentációt, Markdown-t vagy egyszerű szöveget a blokkhoz.

HTML

Szerkessze az összetevő HTML struktúráját.

CSS

Adjon hozzá stílusokat az összetevőhöz.

JavaScript

Adjon hozzá interaktivitást és logikát az összetevőhöz.

Creator View HTML tab showing editable HTML code with div and h1 elements in the center code editor panel

Élő előnézet

Kiválasztás

Creator View with markdown source in the center editor and rendered Markdown Preview on the right showing Project Name, Table of Contents, and Installation sections

AI prompt doboz

Kattintson a vásznon lévő elemek kiválasztásához és mozgatásához. A kiválasztott elemek tulajdonságai a jobb oldali oldalsávban jelennek meg.

AI Prompt Box in Direct AI Mode showing text input, microphone and emoji icons, orange A toggle active, V toggle, and Generate button

AI generálási kategóriák

Az AI modell kiválasztója a generálási kategóriákat mutatja, amelyek meghatározzák, hogy az AI milyen típusú tartalmat generál:

Szöveg generálás

Generáljon vagy szerkesszen szöveges tartalmat, például kódot, dokumentációt és jelöléseket.

Kép generálás

Készítsen képeket szöveges promptokból, vagy szerkessze a meglévő képeket AI-val (szövegből kép és képből kép).

Videó generálás

Generáljon videókat szöveges leírásokból, vagy animáljon állóképeket videóvá (szövegből videó és képből videó).

AI Gen Categories dropdown showing Text Gen, Image Gen, and Video Gen options with Select AI model button

Közvetlen AI mód (A)

Négyzet

Direct AI Mode panel showing lightning bolt icon, Direct AI Mode title, Make direct modifications to your component with AI description, and Will modify text badge

Variációs mód (V)

Rajzoljon téglalap alakú tárolóelemeket a vászonra.

Variations panel showing No variations yet message with palette icon, prompt input for describing variations, minus and plus counter controls, purple V toggle active, and Generate button

A Kaiju Hub AI-ban megjelenített összes harmadik fél logó, védjegy és márkanév a megfelelő tulajdonosok tulajdona. Használatuk kizárólag azonosítási célokat szolgál és nem jelent jóváhagyást, szponzorálást vagy társulást.