Kaiju Hub AI

Tampilan Pembuat

Ikhtisar Tata Letak

Tampilan Pembuat adalah lingkungan pengeditan tiga panel yang Anda buka dengan mengklik ganda grup apa pun di Area Komponen. Ini menyediakan daftar blok di kiri, editor kode di tengah, dan pratinjau langsung di kanan, dengan Kotak Prompt AI berjalan di sepanjang bagian bawah.

Creator View three-panel layout showing block list on the left, Text tab code editor in the center, and Start Creating live preview on the right with AI Prompt Box at the bottom

Panel Daftar Blok

Panel kiri menampilkan semua blok dalam grup saat ini. Setiap blok menampilkan pratinjau kartu dengan nama blok dan daftar file bernomor di bawahnya. Gunakan bilah alat di bagian atas untuk kembali, beralih antara tampilan daftar dan split, atau klik tombol + untuk menambahkan blok baru.

Editor Kode

Panel tengah adalah editor kode bertab tempat Anda menulis dan mengedit konten blok. Tab diorganisir berdasarkan tipe file:

Teks

Tulis dokumentasi, markdown, atau konten teks biasa untuk blok.

HTML

Edit struktur HTML komponen Anda.

CSS

Tambahkan gaya untuk komponen Anda.

JavaScript

Tambahkan interaktivitas dan logika ke komponen Anda.

Creator View HTML tab showing editable HTML code with div and h1 elements in the center code editor panel

Pratinjau Langsung

Panel kanan merender pratinjau langsung komponen Anda. Saat Anda menambahkan HTML, CSS, dan JavaScript di editor, pratinjau diperbarui untuk menampilkan hasil yang dikompilasi. Anda juga dapat menarik dan melepas file atau menempelkan konten (Ctrl+V) langsung ke area pratinjau untuk menambahkannya ke blok. Gunakan ikon mata untuk mengalihkan pratinjau dan toggle BG untuk mengubah latar belakang pratinjau.

Creator View with markdown source in the center editor and rendered Markdown Preview on the right showing Project Name, Table of Contents, and Installation sections

Kotak Prompt AI

Bilah bawah adalah Kotak Prompt AI. Gunakan untuk menjelaskan perubahan dan biarkan AI menghasilkan atau memodifikasi konten blok Anda. Ini mencakup pemilih model, kolom input teks, input suara dan emoji, serta tombol Hasilkan. Dua toggle mode — A dan V — beralih antara Mode AI Langsung dan Mode Variasi.

AI Prompt Box in Direct AI Mode showing text input, microphone and emoji icons, orange A toggle active, V toggle, and Generate button

Kategori Pembuatan AI

Pemilih model AI menampilkan kategori pembuatan yang menentukan jenis konten apa yang dihasilkan AI:

Pembuatan Teks

Hasilkan atau edit konten berbasis teks seperti kode, dokumentasi, dan markup.

Pembuatan Gambar

Buat gambar dari prompt teks atau edit gambar yang ada dengan AI (text-to-image dan image-to-image).

Pembuatan Video

Hasilkan video dari deskripsi teks atau animasikan gambar diam menjadi video (text-to-video dan image-to-video).

AI Gen Categories dropdown showing Text Gen, Image Gen, and Video Gen options with Select AI model button

Mode AI Langsung (A)

Saat toggle A aktif, AI membuat modifikasi langsung ke komponen Anda di tempat. Teks kolom menampilkan “Jelaskan perubahan yang akan diterapkan pada komponen Anda” dan lencana menunjukkan file mana yang akan dimodifikasi (misalnya, “Akan memodifikasi: teks”). Mode ini ideal untuk pengeditan cepat dan spesifik pada file yang sedang dipilih.

Direct AI Mode panel showing lightning bolt icon, Direct AI Mode title, Make direct modifications to your component with AI description, and Will modify text badge

Mode Variasi (V)

Saat toggle V aktif, AI menghasilkan beberapa variasi komponen Anda alih-alih mengeditnya di tempat. Teks kolom berubah menjadi “Jelaskan variasi yang ingin Anda hasilkan” dan penghitung dengan kontrol − / + muncul sehingga Anda dapat memilih berapa banyak variasi yang akan dibuat. Variasi yang dihasilkan muncul di panel khusus di mana Anda dapat meninjaunya dan menambahkan versi pilihan Anda ke grup.

Variations panel showing No variations yet message with palette icon, prompt input for describing variations, minus and plus counter controls, purple V toggle active, and Generate button

Semua logo, merek dagang, dan nama merek pihak ketiga yang ditampilkan di Kaiju Hub AI adalah milik dari pemiliknya masing-masing. Penggunaannya semata-mata untuk tujuan identifikasi dan tidak menyiratkan dukungan, sponsor, atau afiliasi.