Hub Utama
Ikhtisar
Setelah menyelesaikan wizard pengaturan, Anda akan masuk ke Hub Utama Kaiju Hub AI. Ini adalah dasbor pusat tempat Anda dapat mengakses semua fitur inti Kaiju Hub AI secara sekilas.
Hub Proyek
Hub Proyek adalah ruang kerja pusat Anda untuk mengelola dan mengorganisir semua proyek pengembangan Anda. Dari sini Anda dapat membuat proyek baru dari awal, mengimpor proyek yang sudah ada dari mesin lokal Anda, dan mengkloning repositori langsung dari GitHub.
Buat Proyek
Mulai proyek baru dengan konfigurasi tech stack dan framework pilihan Anda.
Impor Proyek
Bawa proyek yang sudah ada dari sistem file lokal Anda untuk dikelola dalam Kaiju Hub AI.
Klon dari GitHub
Klon repositori GitHub mana pun langsung ke Kaiju Hub AI — tidak perlu meninggalkan aplikasi atau menggunakan baris perintah.
Wireframe
Bagian Wireframe memungkinkan Anda membuat dan mendesain wireframe untuk aplikasi dan situs web Anda. Anda dapat mendesainnya secara manual menggunakan editor kanvas, atau memanfaatkan AI untuk membuat wireframe secara otomatis. Setelah wireframe Anda siap, Anda dapat mengirimkannya langsung ke pembuatan kode — dari desain ke kode yang berfungsi dalam satu alur kerja yang mulus.
Desain Manual
Gunakan editor kanvas bawaan untuk menggambar dan mengatur komponen UI secara manual.
Pembuatan Bertenaga AI
Jelaskan apa yang Anda inginkan dan biarkan AI membuat tata letak wireframe untuk Anda secara instan.
Wireframe ke Kode
Kirim wireframe yang sudah selesai langsung ke pembuatan kode — tidak perlu penerjemahan manual.
Apa yang Baru
Bagian Apa yang Baru adalah tempat Anda dapat melihat pembaruan, fitur, dan pengumuman terbaru untuk Kaiju Hub AI. Setiap kali pembaruan baru telah dirilis, Anda akan menerima peringatan agar tidak pernah melewatkan perubahan penting. Periksa di sini secara teratur untuk tetap mengetahui fitur baru, perbaikan bug, dan peningkatan.
Pustaka Blok
Pustaka Blok adalah sistem blok konteks Kaiju Hub AI. Ini memungkinkan Anda menambahkan, menyimpan, dan mengelola blok konteks yang dapat digunakan kembali seperti dokumentasi API, potongan kode, dan lainnya. Anda dapat membuat dan menyimpan blok untuk digunakan nanti, kemudian mengirimkannya langsung ke AI saat Anda membutuhkannya sebagai konteks untuk pembuatan kode.
Tipe Konten yang Didukung
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, GLSL shaders, Markdown, teks biasa, gambar, dan video.
Membuat Grup
Pustaka Blok mengorganisir blok ke dalam grup. Grup memungkinkan Anda mengkategorikan dan mengelola blok terkait bersama-sama.
Buat Grup Baru
Klik tombol "Create a New Group" untuk membuka modal pembuatan grup. Pilih kategori, ketik nama grup, dan klik "Create Group" untuk menambahkannya.
Tambahkan Konten ke Grup
Setelah grup dibuat, Anda dapat menyeret dan melepaskan file atau menempelkan konten langsung ke dalam grup untuk mengisinya dengan blok.
Membuat Blok
Klik "Create a New Block" untuk membuka tampilan pembuat blok. Dari sana Anda memiliki tiga cara untuk menambahkan konten:
Input Manual
Tulis atau edit konten blok secara manual langsung di tampilan pembuat.
Tempel Konten
Tempel kode, teks, atau konten lainnya langsung ke pembuat blok.
Pembuatan AI
Gunakan AI untuk menghasilkan konten blok. Mendukung React, GLSL shaders, Svelte, HTML, Vue, Angular, Solid.js, dan CSS.
Pembuatan Blok Bertenaga AI
Saat menggunakan AI untuk membuat blok, Anda dapat menghasilkan berbagai macam tipe konten. Selain kode, Anda juga dapat membuat gambar menggunakan MediaGen atau secara lokal menggunakan CompanyUI, dan menghasilkan video juga.
Pengeditan AI Langsung
Edit item blok yang ada langsung menggunakan AI. Berikan instruksi dan AI akan memodifikasi konten di tempat.
Buat Variasi
Masukkan prompt dan tentukan berapa banyak variasi yang Anda inginkan. AI akan menghasilkan beberapa versi alternatif dari konten blok berdasarkan prompt Anda.
Menggunakan Blok
Simpan Konteks
Simpan dokumentasi API, potongan kode, referensi desain, dan blok konteks lainnya untuk digunakan kembali di seluruh proyek.
Buat Media
Buat dan simpan gambar, video, dan aset media lainnya langsung di dalam pustaka blok.
Kirim ke AI
Lampirkan blok yang tersimpan sebagai konteks saat bekerja dengan AI — berikan informasi yang tepat yang dibutuhkan untuk menghasilkan kode yang akurat.
Rekayasa Balik
Rekayasa Balik adalah alat Kaiju Hub AI yang diarahkan kotak pembatas untuk konversi gambar-ke-kode dan gambar-ke-wireframe. Unggah gambar UI apa pun, gambar atau deteksi otomatis kotak pembatas di sekitar elemen, tetapkan perilaku ke setiap kotak (misalnya, membuka modal, menavigasi ke bagian), dan hasilkan kode yang berfungsi atau tata letak wireframe dari gambar yang telah dianotasi.
Anotasi Kotak Pembatas
Gambar atau deteksi otomatis kotak pembatas di sekitar elemen UI dalam gambar apa pun, lalu tetapkan perilaku interaktif ke setiap kotak.
Output Ganda
Konversi gambar beranotasi menjadi kode komponen yang berfungsi untuk framework target Anda, atau ekspor sebagai tata letak wireframe untuk pengeditan lebih lanjut.