Projektek létrehozása
Projekt beállítása
Kattintson a + Új projekt gombra a Projektek irányítópultján, hogy megnyissa a létrehozási varázslót. Az első képernyőn konfigurálhatja a projekt alapvető beállításait, mielőtt kiválasztaná a technológiai rendszert.
Projekt neve
Adjon meg egy nevet a projektjéhez. A név valós időben ellenőrizésre kerül — érvényes mappanévnek kell lennie (nem tartalmazhat speciális karaktereket, például < > : " / \ | ? *), és nem ütközhet egy már létező mappával a kiválasztott helyen.
Projekt helye
Az az alapértelmezett könyvtár, ahol a projektmappája létrejön. A különböző könyvtár kiválasztásához kattintson a Tallózás gombra. A projekt egy almappaként jön létre a projekt nevével.
Hivatkozás a GitHubra
Opcionálisan válasszon ki egy GitHub-fiókot, hogy automatikusan létrehozzon egy távoli tárat a helyi projekt mellett. A "Nincs (Ne használja alapértelmezés szerint a GitHubot)" opció kiválasztásával ezt kihagyhatja.
Válassza ki a platformot
Válassza ki az egyik négy platformot, hogy meghatározza a létrehozott projekt típusát. Minden platform egy másik technológiai réteg és keretrendszer-konfigurációs lehetőségeket jelenít meg a következő képernyőn.
Üres
CLI-eszközök, szkriptek, könyvtárak
Asztali
Helyi asztali alkalmazások
Web
Böngészőalapú alkalmazások
Mobil
Eszközalkalmazások
Építési típus
Válassza ki, hogy a projekt hogyan inicializálandó:
Új telepítés
Létrehoz egy új projektet a szabványos keretrendszer-eszközökkel. A Kaiju Hub AI futtatja a megfelelő CLI-parancsokat (pl. npm create vite@latest, cargo init, npx create-tauri-app), és telepíti az összes függőséget.
AI-alapú
Írja le, hogy mit szeretne létrehozni, és hagyja, hogy az AI generálja a teljes projektet. Ön szöveges leírást és opcionális referenciaképeket ad meg, majd az AI megírja az összes forráskódot, konfigurációs fájlt és a projektstruktúrát.
A projekt beállításának konfigurálása után kattintson a Folytatás a technológiai rendszer felé gombra a folytatáshoz.
Üres projektek
Az üres projektek CLI-eszközök, szkriptek, önálló alkalmazások és nyelvspecifikus sablonok számára szolgálnak. Válassza ki a nyelvet vagy a futásidőt, és a Kaiju Hub AI létrehoz egy minimális projektstruktúrát.
Nyelv / Futásidő beállítások
Egyes nyelvek verzióválasztókat is tartalmaznak. Például a Python választása megjeleníti a verzióbeállításokat (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). A kiválasztott verzió határozza meg, hogy mely Python-értelmezőt használ a virtuális környezet létrehozásához.
Asztali projektek
Az asztali projektek natív asztali alkalmazásokat hoznak létre. Válasszon egy asztali keretrendszert, egy felhasználói felülethez használandó frontend keretrendszert, és opcionálisan egy adatbázist. Minden frontend keretrendszer előre konfigurálva van TypeScript-tel.
Asztali keretrendszer
A natív keretrendszer, amely a asztali alkalmazás ablakfelületét és a rendszer szintű API-kat biztosítja.
Frontend keretrendszer
Az UI keretrendszer, amely az asztali alkalmazás ablakában fut. Minden lehetőség előre konfigurálva van TypeScript használatával.
Adatbázis
Opcionális adatbázis-integráció a helyi vagy felhőalapú adattároláshoz.
Webprojektek
A webprojektek böngészőalapú alkalmazásokat hoznak létre. Kezdje azzal, hogy a Csak frontend vagy a Teljeskörű közül választ, hogy meghatározza, mely keretrendszer-beállítások állnak rendelkezésre. Minden keretrendszer alapértelmezés szerint engedélyezve van a TypeScript-hez.
Csak frontend
Önálló UI-keretrendszerek egyoldalas alkalmazásokhoz és statikus weboldalakhoz. Tartalmaz egy "Egyéni csomagok" gombot, amellyel hozzáadhatja a saját npm-csomagjait.
Teljeskörű
Teljes webkeretrendszerek, amelyek tartalmaznak szerveroldali renderelést és API-útvonalakat.
Stílus
Adatbázis
Mobilprojektek
A mobilprojektek eszközalkalmazásokat hoznak létre iOS-re és Androidra. Válasszon egy mobilkeretrendszert, egy SDK-verziót, és opcionálisan egy adatbázist.
Mobil keretrendszer
Válassza ki a mobilalkalmazásához használandó keretrendszert. A több SDK-célt támogató keretrendszerekhez megjelenik egy SDK-verzióválasztó.
SDK verzió
Az olyan keretrendszerekhez, mint az Expo, válassza ki a SDK-verziót (pl. 52, 53, 54, 55). Ez határozza meg az alap függőségeket és az API-kompatibilitást.
Adatbázis
Opcionális felhő- vagy helyi adatbázis a mobilalkalmazáshoz.
Új telepítés
Amikor az Új telepítés építési típust választja, a Kaiju Hub AI a projektet a szabványos keretrendszer-eszközökkel hozza létre. A technológiai rendszer kiválasztása után kattintson a Projekt létrehozása gombra, és a Kaiju Hub AI elvégzi a többit.
Mi történik
1. Csomagkezelő észlelése
A Kaiju Hub AI automatikusan felismeri, hogy mely csomagkezelő van telepítve a rendszerén (npm, yarn vagy pnpm).
2. Sablonparancs futtatása
Futtatja a kiválasztott rendszerhez tartozó megfelelő CLI-eszközt. Például: npm create vite@latest a Reacthez, cargo init a Rusthoz, npx create-tauri-app a Taurihoz.
3. Függőségek telepítése
Futtatja a csomagkezelő telepítési parancsát, hogy letöltse és beállítsa az összes szükséges függőséget.
4. Git inicializálása
Létrehoz egy helyi Git-tárat egy kezdeti commit-tal.
5. GitHub-tár létrehozása
Ha kapcsolt egy GitHub-fiókot, automatikusan létrehoz egy távoli tárat és feltölti a kezdeti commit-ot.
A projekt megjelenik a Projektek irányítópultján a létrehozás befejezése után, és azonnal megnyitható és elkezdheti a kódolást.
AI-alapú
Amikor az AI-alapú az építési típusként, leírja, hogy mit szeretne létrehozni, és az AI megírja a teljes kezdeti kódbázist. A technológiai rendszer kiválasztása után kattintson a Projekt létrehozása gombra, hogy megnyissa az AI-generálási képernyőt.
AI-modell kiválasztása
A generálási képernyő tetején válasszon ki egy AI-szolgáltatót és modellt. Válasszon bármelyik konfigurált szolgáltató (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) közül, és válassza ki a kódgeneráláshoz használandó konkrét modellt.
Projektleírás
Írjon egy részletes leírást arról, hogy mit szeretne létrehozni. Minél konkrétabb, annál jobb lesz az eredmény. Foglalja bele a fő funkciókat, oldalakat, UI-mintákat és az összes szükséges integrációt.
Jó példák:
- Egy e-kereskedelmi weboldal terméklistákkal és bevásárlókocsival
- Egy feladatkezelő irányítópult Kanban-táblákkal
- Egy közösségi média platform felhasználói profilokkal és hírcsatornákkal
- Egy CRM-rendszer kapcsolattartó-kezeléssel és elemzésekkel
Használja a AI-val való fejlesztés gombot, hogy automatikusan bővítse a leírását további részletekkel. A mikrofon ikonra is kattinthat, hogy hangalapú bevitellel diktálja a leírását.
Oldalsáv lapok
A bal oldali oldalsáv további kontextust biztosít az AI számára:
Képek
Töltsön fel referenciaképeket, maketteket vagy képernyőképeket, hogy megmutassa az AI-nak, hogy milyen legyen az alkalmazás. Húzza és helyezze el, illessze be a Ctrl+V-vel, vagy kattintson a hozzáadáshoz. A vizuális képességekkel rendelkező modell kiválasztása szükséges.
Komponensek
Csatoljon újrafelhasználható komponenseket a blokktárból. Az AI ezeket a generált projektbe fogja beépíteni.
Fájlok
Csatoljon referenciaképeket, amelyeket az AI a generálás során figyelembe vesz (pl. meglévő kód, tervezési specifikációk vagy adatsémák).
Generálás
Kattintson a Projekt generálása gombra a jobb felső sarokban, hogy elindítsa az AI-generálást. Az AI elemzi a leírását és a referenciamaterialokat, megtervezi az architektúrát, létrehozza a fájlstruktúrát, és megírja az összes forráskódot és konfigurációs fájlt. A folyamat valós időben nyomon követhető a Globális feladatkezelőben .