Kaiju Hub AI

AI vázlat generálása

Wireframe project card showing desktop badge, No Preview status, and AI icon in bottom right

A vázlatkészítő megnyitása

Amikor egy vázlat generálva van, a képernyő státusza a bal oldali oldalsávban „generálás alatt” -ra változik, és egy haladásjelző jelenik meg az alsó jobb sarokban (pl. „Vázlat generálása… (10%)”). A „Vázlat generálása” gomb helyett egy „Generálás leállítása” gomb jelenik meg, amely lehetővé teszi a megszakítást, ha szükséges.

Vázlatkészítő

Frame creator showing screen list, AI provider selector, screen purpose and key features, and Generate Frame button

A vázlatkészítőben generálhatja és kezelheti az egyes képernyőkhöz tartozó vázlatokat. A bal oldali oldalsávban megjelenik a projekt összes képernyője (pl. Műszerfal, Feladatlista, Feladat részletei), és állapotjelzők mutatják, hogy melyik függőben van, generálás alatt vagy befejezett.

Elrendezés

AI szolgáltató

Válassza ki az AI-modellt, amelyet a vázlatok generálásához szeretne használni a bal felső sarokban található legördülő menüből (pl. Claude Code, Opus 4.6).

Képernyőlista

A bal oldali oldalsávban megjelenik a projekt összes képernyője. Kattintson egy képernyőre, hogy megtekintse annak részleteit és generálja a vázlatát.

Képernyő célja és utasítások

A középső panelen megjelenik a kiválasztott képernyő célja és a főbb jellemzői. Kattintson a Szerkesztés gombra, hogy módosítsa ezeket a beállításokat a generálás előtt.

Vázlat előnézete

A jobb oldalon megjelenik a generált vázlat előnézete, vagy egy üres vázlat helyőrző, ha a vázlat még nem lett generálva.

Vázlat generálása

Kattintson a vázlat generálásához a kiválasztott képernyőhöz. A Minden függőben lévő vázlat generálása lehetőséget választva egyszerre generálhatja az összes függőben lévő vázlatot.

Szerkesztés a generálás előtt

A befejezés után a „Vázlat sikeresen generálva” üzenet jelenik meg. A képernyő státusza „befejezett” (zöld) -re változik, és megjelenik egy elem száma (pl. „41 elem”). A generált vázlat előnézete a szerkesztő jobb oldalán jelenik meg.

Vázlatok generálása

Frame generation in progress showing generating status, Stop Generation button, and progress indicator at 10%

A blokkok közötti kapcsolatok lehetővé teszik, hogy a blokktárból blokkokat csatoljon a vázlat elemeihez. Ha kétszer rákattint egy elemre, és a tulajdonságok panelben görget lefelé, megtalálja a blokkok közötti kapcsolatok szakaszt. Kattintson a + Blokk hozzáadása gombra, hogy csatoljon egy blokkot (HTML, összetevő vagy sablon) az elemhez. A csatolt blokkokra hivatkozhat, amikor AI-val generálja a kódot, így könnyen csatolhatja a vázlat elemeihez a meghatározott HTML- vagy összetevő kódot.

A generálás során

Állapotjelzők

Minden képernyőn megjelenik a jelenlegi állapot – függőben (még nem indult), generálás alatt (folyamatban) vagy befejezett (elkészült).

Haladásjelző

A jobb alsó sarokban található százalékos haladásjelző mutatja, hogy a jelenlegi vázlat generálásának mennyi hányada készült el.

Generálás leállítása

Bármikor leállíthatja a jelenlegi vázlat generálását a Generálás leállítása gombra kattintva.

Automatikus összekapcsolás

A vázlatok automatikusan összekapcsolódnak egymással – a képernyők közötti navigációs folyamatok a generálás során létrejönnek.

Befejezett vázlatok

Completed frame showing green completed badge, element count, frame preview, Restart Frame button, and Frame Generated Successfully message

Az alsó sávban található AI prompt sáv lehetővé teszi, hogy AI-t használjon a képernyők szerkesztéséhez vagy létrehozásához. Válassza ki az AI-modellt a bal oldalon található legördülő menüből, írja le a módosításokat, és az AI módosítja a vázlatot. Használhatja a hangbemenetet vagy a CLI szerkesztés gombot a fejlettebb szerkesztéshez.

A befejezés után

Vázlat előnézete

A jobb panelen megjelenik a generált vázlat vizuális előnézete, az összes összetevővel elrendezve.

Elemek száma

A befejezett jelvényen megjelenik a képernyőn generált elemek teljes száma.

Vázlat újragenerálása

Ha nem elégedett az eredménnyel, kattintson a Vázlat újragenerálása gombra, hogy a vázlatot a semmiből generálja újra.

Minden függőben lévő vázlat generálása

Folytassa a fennmaradó függőben lévő vázlatok generálását, vagy használja ezt a lehetőséget az összes képernyő egyidejű generálására.

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.