Hub Tujuan
Gambaran Umum
Setelah menyelesaikan panduan pengaturan, Anda akan diarahkan ke Hub Tujuan Kaiju Hub AI. Ini adalah dasbor pusat Anda tempat Anda dapat mengakses semua fitur inti Kaiju Hub AI secara sekilas.
Hub Proyek
Hub Proyek adalah ruang kerja pusat Anda untuk mengelola dan mengatur semua proyek pengembangan Anda. Dari sini Anda dapat membuat proyek baru dari awal, mengimpor proyek yang ada dari mesin lokal Anda, dan mengklon repositori langsung dari GitHub.
Buat Proyek
Mulai proyek baru dengan tumpukan teknologi dan konfigurasi kerangka kerja pilihan Anda.
Impor Proyek
Impor proyek yang ada dari sistem file lokal Anda untuk mengelolanya di dalam Kaiju Hub AI.
Klon dari GitHub
Klon repositori GitHub apa 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 menggunakan AI untuk menghasilkan wireframe untuk Anda secara otomatis. Setelah wireframe Anda siap, Anda dapat mengirimkannya langsung ke pembuatan kode — dari desain ke kode yang berfungsi dalam satu alur kerja yang lancar.
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 Anda yang telah selesai langsung ke pembuatan kode — tidak perlu terjemahan 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 diterapkan, Anda akan menerima pemberitahuan sehingga Anda tidak pernah melewatkan perubahan penting. Periksa di sini secara teratur untuk tetap mendapatkan informasi terbaru tentang fitur baru, perbaikan bug, dan peningkatan.
Perpustakaan Blok
Perpustakaan Blok adalah sistem blok konteks Kaiju Hub AI. Ini memungkinkan Anda menambahkan, menyimpan, dan mengelola blok konteks yang dapat digunakan kembali seperti dokumentasi API, cuplikan kode, dan lainnya. Anda dapat membuat dan menyimpan blok untuk digunakan nanti, lalu mengirimkannya langsung ke AI saat Anda membutuhkannya sebagai konteks untuk pembuatan kode.
Jenis Konten yang Didukung
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, shader GLSL, Markdown, teks biasa, gambar, dan video.
Membuat Grup
Perpustakaan Blok mengatur blok ke dalam grup. Grup memungkinkan Anda untuk mengkategorikan dan mengelola blok terkait bersama-sama.
Buat Grup Baru
Klik tombol "Buat Grup Baru" untuk membuka modal pembuatan grup. Pilih kategori, ketik nama grup, dan klik "Buat Grup" untuk menambahkannya.
Tambahkan Konten ke Grup
Setelah grup dibuat, Anda dapat menyeret dan meletakkan file atau menempelkan konten langsung ke dalam grup untuk mengisinya dengan blok.
Membuat Blok
Klik "Buat Blok Baru" untuk membuka tampilan pembuat blok. Dari sana, Anda memiliki tiga cara untuk menambahkan konten:
Input Manual
Tulis atau edit konten blok secara manual di tampilan pembuat.
Tempel Konten
Tempel kode, teks, atau konten lain langsung ke pembuat blok.
Pembuatan AI
Gunakan AI untuk menghasilkan konten blok. Mendukung React, shader GLSL, Svelte, HTML, Vue, Angular, Solid.js, dan CSS.
Pembuatan Blok Bertenaga AI
Saat menggunakan AI untuk membuat blok, Anda dapat menghasilkan berbagai jenis 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 secara langsung menggunakan AI. Berikan instruksi dan AI akan memodifikasi konten di tempat.
Buat Variasi
Masukkan perintah dan tentukan berapa banyak variasi yang Anda inginkan. AI akan menghasilkan beberapa versi alternatif dari konten blok berdasarkan perintah Anda.
Menggunakan Blok
Simpan Konteks
Simpan dokumentasi API, cuplikan 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 perpustakaan blok.
Kirim ke AI
Lampirkan blok yang disimpan sebagai konteks saat bekerja dengan AI — berikan informasi yang tepat yang dibutuhkan untuk menghasilkan kode yang akurat.
Rekayasa Balik
Rekayasa Balik adalah alat gambar-ke-kode dan gambar-ke-wireframe yang diarahkan kotak pembatas Kaiju Hub AI. Unggah gambar UI apa pun, gambar atau deteksi kotak pembatas secara otomatis di sekitar elemen, tetapkan perilaku ke setiap kotak (misalnya, membuka modal, menavigasi ke bagian), dan hasilkan kode komponen yang berfungsi atau tata letak wireframe dari gambar yang dianotasi.
Anotasi Kotak Pembatas
Gambar atau deteksi kotak pembatas secara otomatis di sekitar elemen UI dalam gambar apa pun, lalu tetapkan perilaku interaktif ke setiap kotak.
Output Ganda
Konversi gambar yang dianotasi menjadi kode komponen yang berfungsi untuk kerangka kerja target Anda, atau ekspor sebagai tata letak wireframe untuk pengeditan lebih lanjut.