Kód és vázlat generálása
Áttekintés
Miután megjegyzett egy képet bounding boxokkal és hozzárendelt viselkedést, generálhat működő összetevő kódot vagy vázlatelrendezést. Az AI a bounding boxok pozícióit és méreteit, az elemek típusát és a viselkedési irányításokat használja fel a pontos kimenet előállításához.
AI asszisztens oldalsáv
A vizuális modell kiválasztó
Keretrendszer kiválasztó
Válassza ki a célkeretrendszert a kódgeneráláshoz (pl. React, Vue, Svelte). A generált kód a kiválasztott keretrendszer szintaxisát és mintáit használja.
Összetevők / Vázlatok lapok
Váltson a komponenskód (Összetevők lap) vagy a vázlatelrendezés (Vázlatok lap) generálása között.
Képcsoportok
Megjeleníti a jelenlegi fordított projekt összes képcsoportját. Válasszon ki egy csoportot, hogy megtekintse a képeit és konfigurálja a generálást. Minden csoport megjeleníti a képek számát.
Blokkok generálása
Kattintson a generálás elindításához. Az AI elemzi a kiválasztott csoport képeit, valamint a bounding box megjegyzéseket és a viselkedést, hogy kimenetet hozzon létre.
Kód generálása
Konvertálja a megjegyzett képet működő összetevő kóddá a célkeretrendszerben. A generált kód tartalmazza az elrendezést, a stílust és a bounding boxokhoz rendelt viselkedést.
Kimeneti módok
Vázlat generálása
Exportálja a megjegyzett képet vázlatelrendezésbe, amelyet a Vázlat eszközben használhat. Minden bounding box egy vázlat elem lesz, amelyet tovább finomíthat, átrendezhet és más képernyőkhöz csatlakoztathat.
Keretrendszer kiválasztása
Válassza ki a célkeretrendszert a generálás előtt. A támogatott keretrendszerek közé tartozik a React, a Vue, a Svelte, a SolidJS, az Angular és még sok más.
Kódgenerálási funkciók
Viselkedés leképezése
A bounding boxokhoz rendelt viselkedést a generált kód eseménykezelőivé, navigációs logikájává, felugró ablakokká és más interaktív elemekké alakítják át.
Elrendezés pontossága
Az AI a bounding boxok pozícióit és méreteit használja a képen, hogy egy olyan elrendezést hozzon létre, amely szorosan illeszkedik az eredeti vizuális kialakításhoz.
Elrendezés pontossága
A projektbe való beillesztés
Mentés a blokkokhoz
Feladatlista
Feladat részletei
A globális feladatkezelő a Kaiju Hub AI-ban futó összes AI-alapú műveletet egy központi nézetben követi nyomon. Legyen szó AI-alapú kutatási feladatról, AI-alapú döntésről, összetevő generálásról, blokk létrehozásról, vázlat konverzióról vagy automatizálásról – minden feladat itt jelenik meg valós idejű állapotfrissítésekkel.
Tippek
Válassza ki, hogy melyik AI vizuális modellt szeretné használni a képek elemzéséhez és a kimenet generálásához. A különböző modellek eltérő szintű részletességet és pontosságot eredményezhetnek.