Kaiju Hub AI

Membuat Proyek

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)

Pengaturan Proyek

Klik butang + Projek Baharu daripada Papan Pemuka Projek untuk membuka wizard penciptaan. Skrin pertama mengkonfigurasi asas projek anda sebelum anda memilih susunan teknologi.

Nama Proyek

Masukkan nama untuk projek anda. Nama tersebut akan disahkan secara masa nyata — ia mesti merupakan nama folder yang sah (tiada aksara khas seperti <>:"/\\|?*) dan tidak boleh bercanggah dengan folder yang sedia ada di lokasi yang dipilih.

Lokasi Projek

Direktori lalai tempat folder projek anda akan dicipta. Klik Semenara untuk memilih direktori yang berbeza. Projek dicipta sebagai subfolder menggunakan nama projek.

Pautan ke GitHub

Secara pilihan, pilih akaun GitHub untuk mencipta repositori jauh secara automatik bersama dengan projek tempatan anda. Pilih "Tiada (Jangan gunakan GitHub secara lalai)" untuk melangkau langkah ini.

Pilih Platform

Pilih salah satu dari empat ubin platform untuk menentukan jenis proyek yang Anda buat. Setiap platform menampilkan serangkaian opsi kerangka kerja dan tumpukan teknologi di layar berikutnya.

Kosong

Alat baris arahan, skrip, perpustakaan

Desktop

Aplikasi desktop asli

Web

Aplikasi berasaskan penyemak imbas

Seluler

Aplikasi peranti

Jenis Pembuatan

Pilih bagaimana proyek harus diinisialisasi:

Pemasangan Baharu

Menyediakan projek baharu menggunakan alat rangka kerja standard. Kaiju Hub AI menjalankan arahan baris arahan yang sesuai (cth., npm create vite@latest, cargo init, npx create-tauri-app) dan memasang semua kebergantungan.

Dihasilkan oleh AI

Huraikan perkara yang anda ingin bina dan biarkan AI menghasilkan keseluruhan projek. Anda memberikan deskripsi teks dan imej rujukan pilihan, kemudian AI menulis semua kod sumber, fail konfigurasi dan struktur projek.

Setelah mengkonfigurasi persediaan projek, klik Teruskan ke Susunan Teknologi untuk meneruskan.

Projek Kosong

Projek kosong adalah untuk alat baris arahan, skrip, aplikasi kendiri dan permulaan khusus bahasa. Pilih bahasa atau masa jalan anda dan Kaiju Hub AI akan menyediakan struktur projek minimum.

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

Pilihan Bahasa / Masa Jalan

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

Sesetengah bahasa termasuk pemilih versi. Contohnya, memilih Python menunjukkan pilihan versi (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). Versi yang dipilih menentukan jurubahasa Python yang digunakan untuk mencipta persekitaran maya.

Projek Desktop

Projek desktop mencipta aplikasi desktop asli. Pilih rangka kerja desktop, rangka kerja hadapan untuk UI dan secara pilihan pangkalan data. Semua rangka kerja hadapan datang dengan pra-konfigurasi dengan 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

Kerangka Kerja Desktop

Kerangka kerja asli yang menyediakan cangkang tetingkap desktop dan API peringkat sistem.

Tauri + Rust
Electron
Flutter + Dart

Kerangka Kerja Frontend

Kerangka kerja UI yang berjalan di dalam tetingkap desktop. Semua pilihan telah dikonfigurasi terlebih dahulu dengan TypeScript.

SolidJS
React
Vue
Svelte
Angular

TERJEMAHAN: Pangkalan Data

Pilihan integrasi pangkalan data untuk penyimpanan data tempatan atau awan.

Supabase
SQLite
Realm
PostgreSQL
Convex

Projek Web

Projek web mencipta aplikasi berasaskan penyemak imbas. Mula dengan memilih antara Hanya Frontend atau Penuh untuk menentukan pilihan rangka kerja yang tersedia. Semua rangka kerja didayakan TypeScript secara lalai.

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

Hanya Frontend

Rangka kerja UI kendiri untuk aplikasi satu halaman dan tapak web statik. Menyertakan butang Pakej Tersuai untuk menambah pakej npm anda sendiri.

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

Penuh

Rangka kerja web lengkap dengan rendering sisi pelayan dan laluan API terbina.

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

Gaya

Tailwind CSS

TERJEMAHAN: Pangkalan Data

Supabase
Firebase
Prisma
Convex

Projek Mudah Alih

Projek mudah alih mencipta aplikasi peranti untuk iOS dan Android. Pilih rangka kerja mudah alih, versi SDK dan secara pilihan pangkalan data.

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

Kerangka Kerja Seluler

Pilih rangka kerja untuk aplikasi mudah alih anda. Pemilih versi SDK muncul untuk rangka kerja yang menyokong berbilang sasaran SDK.

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

Versi SDK

Untuk rangka kerja seperti Expo, pilih versi SDK (cth., 52, 53, 54, 55). Ini menentukan kebergantungan asas dan keserasian API.

Pangkalan Data

Pangkalan data awan atau tempatan pilihan untuk aplikasi mudah alih anda.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

Pemasangan Baharu

Apabila anda memilih Pemasangan Baharu sebagai jenis binaan, Kaiju Hub AI menyediakan projek anda menggunakan alat rangka kerja standard. Setelah memilih susunan teknologi anda, klik Cipta Projek dan Kaiju Hub AI mengendalikan selebihnya.

Apa yang Berlaku

1. Kesan Pengurus Pakej

Kaiju Hub AI secara automatik mengesan pengurus pakej yang dipasang pada sistem anda (npm, yarn atau pnpm).

2. Jalankan Arahan Penyediaan

Melaksanakan alat baris arahan yang sesuai untuk susunan teknologi yang anda pilih. Contohnya: npm create vite@latest untuk React, cargo init untuk Rust, npx create-tauri-app untuk Tauri.

3. Pasang Kebergantungan

Menjalankan arahan pemasangan pengurus pakej untuk memuat turun dan menyediakan semua kebergantungan yang diperlukan.

4. Inisialisasi Git

Menyiapkan repositori Git tempatan dengan komitmen awal.

5. Cipta Repositori GitHub

Jika anda telah memautkan akaun GitHub, ia akan mencipta repositori jauh secara automatik dan menolak komitmen awal.

Projek akan muncul dalam Papan Pemuka Projek anda setelah selesai dicipta, bersedia untuk dibuka dan mula membuat kod.

Dihasilkan oleh AI

Apabila anda memilih Dihasilkan oleh AI sebagai jenis binaan, anda menerangkan perkara yang anda mahu bina dan AI menulis keseluruhan asas kod awal. Setelah memilih susunan teknologi anda, klik Cipta Projek untuk membuka skrin penjanaan AI.

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

Pemilihan Model AI

Di bahagian atas skrin penjanaan, pilih penyedia dan model AI. Anda boleh memilih daripada mana-mana penyedia yang dikonfigurasi (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) dan memilih model khusus untuk digunakan untuk penjanaan kod.

Deskripsi Projek

Tulis deskripsi terperinci tentang perkara yang anda ingin bina. Semakin khusus anda, semakin baik hasilnya. Sertakan ciri utama, halaman, corak UI dan sebarang integrasi yang anda perlukan.

Contoh yang Baik:

  • laman web e-dagang dengan senarai produk dan keranjang membeli-belah
  • papan pemuka pengurusan tugas dengan papan Kanban
  • platform media sosial dengan profil pengguna dan suapan
  • sistem CRM dengan pengurusan kenalan dan analitik

Gunakan butang Tingkatkan dengan AI untuk menambah secara automatik deskripsi anda dengan lebih banyak butiran. Anda juga boleh mengklik dua kali ikon mikrofon untuk mendikte deskripsi anda menggunakan input suara.

Tab Bar Sisi

Bar sisi kiri menyediakan konteks tambahan untuk AI:

Imej

Muat naik imej rujukan, lakaran atau tangkapan skrin untuk menunjukkan kepada AI perkara yang anda mahu aplikasi itu kelihatan. Seret dan lepas, tampal dengan Ctrl+V, atau klik untuk menambah. Memerlukan model yang mampu penglihatan untuk dipilih.

Komponen

Lampirkan komponen yang boleh digunakan semula daripada Perpustakaan Blok anda. AI akan menggabungkannya ke dalam projek yang dijana.

Fail

Sertakan fail rujukan yang AI harus pertimbangkan semasa penjanaan (cth., kod sedia ada, spesifikasi reka bentuk atau skema data).

Hasilkan

Klik Hasilkan Projek di bahagian atas kanan untuk memulakan penjanaan AI. AI akan menganalisis deskripsi dan bahan rujukan anda, merancang seni bina, menjana struktur fail dan menulis semua kod sumber dan fail konfigurasi. Kemajuan dijejaki dalam Pengurus Tugas Global dalam masa nyata.

Semua logo, tanda dagangan dan nama jenama pihak ketiga yang dipaparkan di Kaiju Hub AI adalah hak milik pemilik masing-masing. Penggunaannya adalah semata-mata untuk tujuan pengenalan dan tidak membayangkan sokongan, tajaan atau gabungan.