Membuat Proyek
Pengaturan Proyek
Klik tombol + Proyek Baru dari Dasbor Proyek untuk membuka wizard pembuatan. Layar pertama mengkonfigurasi dasar proyek Anda sebelum memilih tech stack.
Nama Proyek
Masukkan nama untuk proyek Anda. Nama divalidasi secara real time — harus berupa nama folder yang valid (tanpa karakter khusus seperti <>:"/\|?*) dan tidak boleh bertentangan dengan folder yang sudah ada di lokasi yang dipilih.
Lokasi Proyek
Direktori default tempat folder proyek Anda akan dibuat. Klik Browse untuk memilih direktori yang berbeda. Proyek dibuat sebagai subfolder menggunakan nama proyek.
Hubungkan ke GitHub
Opsional pilih akun GitHub untuk secara otomatis membuat repositori remote bersama proyek lokal Anda. Pilih "None (Don't use GitHub by default)" untuk melewati ini.
Pilih Platform
Pilih salah satu dari empat ubin platform untuk menentukan tipe proyek yang Anda bangun. Setiap platform menampilkan set opsi framework dan tech stack yang berbeda di layar berikutnya.
Kosong
Alat CLI, skrip, pustaka
Desktop
Aplikasi desktop native
Web
Aplikasi berbasis browser
Mobile
Aplikasi perangkat
Tipe Build
Pilih cara proyek harus diinisialisasi:
Instalasi Baru
Membuat scaffolding proyek baru menggunakan perkakas framework standar. Kaiju Hub AI menjalankan perintah CLI yang sesuai (misalnya, npm create vite@latest, cargo init, npx create-tauri-app) dan menginstal semua dependensi.
Dihasilkan AI
Jelaskan apa yang ingin Anda bangun dan biarkan AI menghasilkan seluruh proyek. Anda memberikan deskripsi teks dan gambar referensi opsional, kemudian AI menulis semua kode sumber, file konfigurasi, dan struktur proyek.
Setelah mengkonfigurasi proyek, klik Lanjutkan ke Tech Stack untuk melanjutkan.
Proyek Kosong
Proyek kosong untuk alat CLI, skrip, aplikasi mandiri, dan starter khusus bahasa. Pilih bahasa atau runtime Anda dan Kaiju Hub AI akan membuat scaffolding struktur proyek minimal.
Opsi Bahasa / Runtime
Beberapa bahasa menyertakan pemilih versi. Misalnya, memilih Python menampilkan opsi versi (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). Versi yang dipilih menentukan interpreter Python mana yang digunakan untuk membuat virtual environment.
Proyek Desktop
Proyek desktop membuat aplikasi desktop native. Pilih framework desktop, framework frontend untuk UI, dan opsional database. Semua framework frontend sudah dikonfigurasi dengan TypeScript.
Framework Desktop
Framework native yang menyediakan shell jendela desktop dan API tingkat sistem.
Framework Frontend
Framework UI yang berjalan di dalam jendela desktop. Semua opsi sudah dikonfigurasi dengan TypeScript.
Database
Integrasi database opsional untuk penyimpanan data lokal atau cloud.
Proyek Web
Proyek web membuat aplikasi berbasis browser. Mulai dengan memilih antara Hanya Frontend atau Full-Stack untuk menentukan opsi framework yang tersedia. Semua framework mengaktifkan TypeScript secara default.
Hanya Frontend
Framework UI mandiri untuk aplikasi halaman tunggal dan situs statis. Termasuk tombol Paket Kustom untuk menambahkan paket npm Anda sendiri.
Full-Stack
Framework web lengkap dengan server-side rendering dan rute API bawaan.
Styling
Database
Proyek Mobile
Proyek mobile membuat aplikasi perangkat untuk iOS dan Android. Pilih framework mobile, versi SDK, dan opsional database.
Framework Mobile
Pilih framework untuk aplikasi mobile Anda. Pemilih versi SDK muncul untuk framework yang mendukung beberapa target SDK.
Versi SDK
Untuk framework seperti Expo, pilih versi SDK (misalnya, 52, 53, 54, 55). Ini menentukan dependensi dasar dan kompatibilitas API.
Database
Database cloud atau lokal opsional untuk aplikasi mobile Anda.
Instalasi Baru
Ketika Anda memilih Instalasi Baru sebagai tipe build, Kaiju Hub AI membuat scaffold proyek menggunakan alat framework standar. Setelah memilih tech stack, klik Buat Proyek dan Kaiju Hub AI akan menangani sisanya.
Apa yang Terjadi
1. Deteksi Manajer Paket
Kaiju Hub AI secara otomatis mendeteksi manajer paket mana yang terinstal di sistem Anda (npm, yarn, atau pnpm).
2. Jalankan Perintah Scaffold
Menjalankan alat CLI yang sesuai untuk stack pilihan Anda. Misalnya: npm create vite@latest untuk React, cargo init untuk Rust, npx create-tauri-app untuk Tauri.
3. Instal Dependensi
Menjalankan perintah instal manajer paket untuk mengunduh dan menyiapkan semua dependensi yang diperlukan.
4. Inisialisasi Git
Menyiapkan repositori Git lokal dengan commit awal.
5. Buat Repo GitHub
Jika Anda menghubungkan akun GitHub, secara otomatis membuat repositori remote dan mendorong commit awal.
Proyek muncul di Dasbor Proyek Anda setelah pembuatan selesai, siap untuk dibuka dan mulai coding.
Dihasilkan AI
Ketika Anda memilih Dibuat AI sebagai tipe build, Anda menjelaskan apa yang ingin dibangun dan AI menulis seluruh codebase awal. Setelah memilih tech stack, klik Buat Proyek untuk membuka layar pembuatan AI.
Pemilihan Model AI
Di bagian atas layar pembuatan, pilih penyedia dan model AI. Anda dapat memilih dari penyedia mana pun yang dikonfigurasi (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) dan pilih model spesifik yang akan digunakan untuk pembuatan kode.
Deskripsi Proyek
Tulis deskripsi detail tentang apa yang ingin Anda bangun. Semakin spesifik Anda, semakin baik hasilnya. Sertakan fitur utama, halaman, pola UI, dan integrasi apa pun yang Anda butuhkan.
Contoh yang Baik:
- Situs e-commerce dengan daftar produk dan keranjang belanja
- Dasbor manajemen tugas dengan papan kanban
- Platform media sosial dengan profil pengguna dan feed
- Sistem CRM dengan manajemen kontak dan analitik
Gunakan tombol Tingkatkan dengan AI untuk memperluas deskripsi Anda secara otomatis dengan lebih banyak detail. Anda juga dapat mengklik tengah ikon mikrofon untuk mendiktekan deskripsi menggunakan input suara.
Tab Sidebar
Sidebar kiri menyediakan konteks tambahan untuk AI:
Gambar
Unggah gambar referensi, mockup, atau screenshot untuk menunjukkan kepada AI seperti apa tampilan aplikasi yang Anda inginkan. Seret dan lepas, tempel dengan Ctrl+V, atau klik untuk menambahkan. Memerlukan model berkemampuan visi untuk dipilih.
Komponen
Lampirkan komponen yang dapat digunakan kembali dari Pustaka Blok Anda. AI akan menggabungkannya ke dalam proyek yang dihasilkan.
File
Sertakan file referensi yang harus dipertimbangkan AI selama pembuatan (misalnya, kode yang ada, spesifikasi desain, atau skema data).
Hasilkan
Klik Buat Proyek di kanan atas untuk memulai pembuatan AI. AI akan menganalisis deskripsi dan materi referensi Anda, merencanakan arsitektur, membuat struktur file, dan menulis semua kode sumber dan file konfigurasi. Kemajuan dilacak di Pengelola Tugas Global secara real-time.