Kaiju Hub AI

Paglikha ng Mga Proyekto

Create New Project dialog showing Project Name, Project Location, GitHub linking, Choose Platform tiles (Blank, Desktop, Web, Mobile), and Build Type options (Fresh Install, AI-Generated)

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.

Tech Stack selection for Blank projects showing language options: Empty, Node.js, Python, Rust, C++, Lua, Luau, NestJS, Go, Express, Bun, Deno with Python version selector

Mga Opsyon sa Wika / Runtime

Empty
Node.js
Python
Rust
C++
Lua
Luau
NestJS
Go
Express
Bun
Deno

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.

Tech Stack selection for Desktop projects showing Desktop Framework (Tauri + Rust, Electron, Flutter + Dart), Frontend Framework (SolidJS, React, Vue, Svelte, Angular), and Database options

Balangkas para sa Desktop

Ang katutubong balangkas na nagbibigay ng desktop window shell at mga API sa antas ng sistema.

Tauri + Rust
Electron
Flutter + Dart

Balangkas ng Frontend

Ang balangkas ng UI na tumatakbo sa loob ng desktop window. Lahat ng opsyon ay paunang naka-configure gamit ang TypeScript.

SolidJS
React
Vue
Svelte
Angular

Database

Opsyonal na integrasyon ng database para sa lokal o cloud na pag-iimbak ng data.

Supabase
SQLite
Realm
PostgreSQL
Convex

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.

Tech Stack for Web projects in Frontend Only mode showing SolidJS, React, Vue, Svelte, Angular, Preact + Styling and Database options

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.

SolidJS
React
Vue
Svelte
Angular
Preact
Tech Stack for Web projects in Full-Stack mode showing SolidStart, Next.js, Nuxt.js, SvelteKit, Fresh, Astro, TanStack Start, WordPress

Buong-Stack

Kumpletong mga web framework na may server-side rendering at mga API route na binuo.

SolidStart
Next.js
Nuxt.js
SvelteKit
Fresh
Astro
TanStack Start
WordPress

Pag-eestilo

Tailwind CSS

Database

Supabase
Firebase
Prisma
Convex

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.

Tech Stack for Mobile projects showing Expo, React Native CLI, Flutter, Ionic, Capacitor, Android Native (Kotlin) with SDK version selector and Database options

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.

Expo
React Native CLI
Flutter
Ionic
Capacitor
Android Native (Kotlin)

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.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

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.

AI Generation screen showing model selector, project description input, Images/Components/Files tabs in the sidebar, and Generate Project button

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.

Lahat ng third-party logo, trademark, at brand name na ipinapakita sa Kaiju Hub AI ay pag-aari ng kani-kanilang may-ari. Ang paggamit nito ay para lamang sa pagkakakilanlan at hindi nangangahulugan ng endorsement, sponsorship, o affiliation.