Paglikha ng Mga Proyekto
Pag-setup ng Proyekto
I-click ang + Bagong Proyekto na button mula sa Projects Dashboard upang buksan ang wizard ng paglikha. Ang unang screen ay nagko-configure ng mga pangunahing kaalaman ng iyong proyekto bago ka pumili ng isang tech stack.
Pangalan ng Proyekto
Ipasok ang pangalan para sa iyong proyekto. Ang pangalan ay sinusuri sa real time — dapat itong maging isang valid na pangalan ng folder (walang mga espesyal na karakter tulad ng <>:"/\\|?*) at hindi dapat magkaroon ng conflict sa isang umiiral na folder sa napiling lokasyon.
Lokasyon ng Proyekto
Ang default na direktoryo kung saan malilikha ang folder ng iyong proyekto. I-click ang Browse upang pumili ng ibang direktoryo. Ang proyekto ay malilikha bilang isang subfolder gamit ang pangalan ng proyekto.
I-link sa GitHub
Opsyonal na pumili ng isang GitHub account upang awtomatikong lumikha ng isang remote repository kasama ng iyong lokal na proyekto. Piliin ang "Wala (Huwag gumamit ng GitHub bilang default)" upang laktawan ito.
Piliin ang Platform
Piliin ang isa sa apat na tile ng platform upang matukoy ang uri ng proyekto na iyong binubuo. Ang bawat platform ay nagpapakita ng iba't ibang hanay ng mga opsyon sa framework at tech stack sa susunod na screen.
Walang laman
Mga CLI tool, script, library
Desktop
Mga native desktop app
Web
Mga app na nakabatay sa browser
Mobile
Mga application ng device
Uri ng Pagbuo
Piliin kung paano dapat i-initialize ang proyekto:
Bagong Pag-install
Lumilikha ng isang bagong proyekto gamit ang standard na framework tooling. Pinapatakbo ng Kaiju Hub AI ang mga naaangkop na CLI command (hal., npm create vite@latest, cargo init, npx create-tauri-app) at ini-install ang lahat ng dependencies.
Binuo ng AI
Ilarawan kung ano ang gusto mong buuin at hayaan ang AI na bumuo ng buong proyekto. Nagbibigay ka ng isang paglalarawan ng teksto at opsyonal na mga reference na imahe, pagkatapos ay isinusulat ng AI ang lahat ng source code, mga file ng configuration, at istraktura ng proyekto.
Pagkatapos i-configure ang setup ng proyekto, i-click ang Magpatuloy sa Tech Stack upang magpatuloy.
Mga Blankong Proyekto
Ang mga blankong proyekto ay para sa mga CLI tool, script, mga standalone na application, at mga starter na partikular sa wika. Piliin ang iyong wika o runtime at lilikha ang Kaiju Hub AI ng isang minimal na istraktura ng proyekto.
Mga Opsyon sa Wika / Runtime
Ang ilang mga wika ay may kasamang mga selector ng bersyon. Halimbawa, ang pagpili ng Python ay nagpapakita ng mga opsyon sa bersyon (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). Ang napiling bersyon ay tumutukoy kung aling Python interpreter ang ginagamit upang lumikha ng virtual environment.
Mga Proyekto sa Desktop
Ang mga proyekto sa desktop ay lumilikha ng mga native desktop application. Pumili ng isang desktop framework, isang frontend framework para sa UI, at opsyonal na isang database. Ang lahat ng mga frontend framework ay may pre-configure na TypeScript.
Balangkas para sa Desktop
Ang katutubong balangkas na nagbibigay ng desktop window shell at mga API sa antas ng sistema.
Balangkas ng Frontend
Ang balangkas ng UI na tumatakbo sa loob ng desktop window. Lahat ng opsyon ay paunang naka-configure gamit ang TypeScript.
Database
Opsyonal na integrasyon ng database para sa lokal o cloud na pag-iimbak ng data.
Mga Proyekto sa Web
Ang mga proyekto sa web ay lumilikha ng mga application na nakabatay sa browser. Magsimula sa pamamagitan ng pagpili sa pagitan ng Frontend Lamang o Buong-Stack upang matukoy kung aling mga opsyon sa framework ang magagamit. Ang lahat ng mga framework ay naka-enable ang TypeScript bilang default.
Frontend Lamang
Mga standalone na UI framework para sa mga single-page app at mga static na site. Kasama ang isang button ng Custom Packages upang idagdag ang iyong sariling mga npm package.
Buong-Stack
Kumpletong mga web framework na may server-side rendering at mga API route na binuo.
Pag-eestilo
Database
Mga Proyekto sa Mobile
Ang mga proyekto sa mobile ay lumilikha ng mga application ng device para sa iOS at Android. Pumili ng isang mobile framework, isang bersyon ng SDK, at opsyonal na isang database.
Balangkas ng Mobile
Piliin ang framework para sa iyong mobile application. Lalabas ang isang selector ng bersyon ng SDK para sa mga framework na sumusuporta sa maraming target ng SDK.
Bersyon ng SDK
Para sa mga framework tulad ng Expo, piliin ang bersyon ng SDK (hal., 52, 53, 54, 55). Tinutukoy nito ang mga pangunahing dependencies at pagiging tugma ng API.
Database
Opsyonal na cloud o lokal na database para sa iyong mobile app.
Bagong Pag-install
Kapag pinili mo ang Bagong Pag-install bilang uri ng pagbuo, ang Kaiju Hub AI ay nag-scaffold ng iyong proyekto gamit ang standard na framework tooling. Pagkatapos pumili ng iyong tech stack, i-click ang Lumikha ng Proyekto at hahawakan ng Kaiju Hub AI ang iba.
Ano ang Mangyayari
1. Tukuyin ang Package Manager
Awtomatikong tinutukoy ng Kaiju Hub AI kung aling package manager ang naka-install sa iyong system (npm, yarn, o pnpm).
2. Patakbuhin ang Scaffold Command
Pinapatakbo ang naaangkop na CLI tool para sa iyong napiling stack. Halimbawa: npm create vite@latest para sa React, cargo init para sa Rust, npx create-tauri-app para sa Tauri.
3. I-install ang mga Dependencies
Pinapatakbo ang command ng pag-install ng package manager upang i-download at i-set up ang lahat ng kinakailangang dependencies.
4. I-initialize ang Git
Nagse-set up ng isang lokal na Git repository na may isang paunang commit.
5. Lumikha ng GitHub Repo
Kung nag-link ka ng isang GitHub account, awtomatikong lumilikha ng isang remote repository at itinutulak ang paunang commit.
Ang proyekto ay lilitaw sa iyong Projects Dashboard kapag kumpleto na ang paglikha, handa nang buksan at simulan ang pag-code.
Binuo ng AI
Kapag pinili mo ang Binuo ng AI bilang uri ng pagbuo, inilalarawan mo kung ano ang gusto mong buuin at isinusulat ng AI ang buong paunang codebase. Pagkatapos pumili ng iyong tech stack, i-click ang Lumikha ng Proyekto upang buksan ang screen ng pagbuo ng AI.
Pagpili ng AI Model
Sa tuktok ng screen ng pagbuo, pumili ng isang AI provider at modelo. Maaari kang pumili mula sa anumang naka-configure na provider (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) at piliin ang partikular na modelo na gagamitin para sa pagbuo ng code.
Paglalarawan ng Proyekto
Sumulat ng isang detalyadong paglalarawan ng kung ano ang gusto mong buuin. Mas tiyak ka, mas maganda ang mga resulta. Isama ang mga pangunahing feature, mga pahina, mga pattern ng UI, at anumang mga integrasyon na kailangan mo.
Magandang Halimbawa:
- Isang website ng e-commerce na may mga listahan ng produkto at shopping cart
- Isang dashboard ng pamamahala ng gawain na may mga kanban board
- Isang social media platform na may mga profile ng user at mga feed
- Isang CRM system na may pamamahala ng contact at analytics
Gamitin ang Pagandahin gamit ang AI na button upang awtomatikong palawakin ang iyong paglalarawan na may higit pang mga detalye. Maaari mo ring i-middle-click ang icon ng mikropono upang sabihin ang iyong paglalarawan gamit ang input ng boses.
Mga Tab sa Sidebar
Ang kaliwang sidebar ay nagbibigay ng karagdagang konteksto para sa AI:
Mga Larawan
Mag-upload ng mga reference na larawan, mockups, o mga screenshot upang ipakita sa AI kung ano ang gusto mong magmukhang ang app. I-drag at i-drop, i-paste gamit ang Ctrl+V, o i-click upang idagdag. Nangangailangan ng isang modelong may kakayahang magproseso ng mga imahe upang mapili.
Mga Component
Maglakip ng mga reusable na component mula sa iyong Block Library. Isasama ng AI ang mga ito sa nabuong proyekto.
Mga File
Isama ang mga reference na file na dapat isaalang-alang ng AI sa panahon ng pagbuo (hal., umiiral na code, mga spec ng disenyo, o mga schema ng data).
Bumuo
I-click ang Bumuo ng Proyekto sa kanang tuktok upang simulan ang pagbuo ng AI. Susuriin ng AI ang iyong paglalarawan at mga reference na materyales, planuhin ang arkitektura, bubuo ng istraktura ng file, at isusulat ang lahat ng source code at mga file ng configuration. Sinusubaybayan ang pag-unlad sa Pang-global na Tagapamahala ng Gawain sa real time.
