Kaiju Hub AI

Pagbubukas ng View ng Creator

View ng Creator

Pangkalahatang-ideya ng Layout

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 ng Listahan ng Bloke

Ang kaliwang panel ay nagpapakita ng lahat ng mga block sa kasalukuyang grupo. Ipinapakita ng bawat block ang isang card na may preview, ang pangalan ng block, at isang numerong listahan ng file sa ibaba. Gamitin ang toolbar sa tuktok upang mag-navigate pabalik, i-toggle sa pagitan ng mga view ng listahan at hati, o i-click ang + button upang magdagdag ng isang bagong block.

Editor ng Code

Panel ng Listahan ng Block

Teksto

Ang gitnang panel ay isang tab na editor ng code kung saan ka sumusulat at nag-e-edit ng nilalaman ng block. Ang mga tab ay nakaayos ayon sa uri ng file:

HTML

HTML

CSS

CSS

JavaScript

Magdagdag ng interaksyon at lohika sa iyong component.

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

Tingnan nang live

Ang kanang panel ay nagre-render ng isang live na preview ng iyong component. Habang nagdaragdag ka ng HTML, CSS, at JavaScript sa editor, ina-update ang preview upang ipakita ang pinagsama-samang resulta. Maaari mo ring i-drag at i-drop ang mga file o i-paste ang nilalaman (Ctrl+V) nang direkta sa lugar ng preview upang idagdag ang mga ito sa block. Gamitin ang icon ng mata upang i-toggle ang preview at ang BG toggle upang baguhin ang background ng preview.

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

Live na Preview

Ang bar ng prompt sa ibaba ay ang AI Prompt Box. Gamitin ito upang ilarawan ang mga pagbabago at hayaan ang AI na bumuo o baguhin ang nilalaman ng iyong block. Kasama dito ang isang tagapili ng modelo, isang field ng input ng teksto, mga input ng boses at emoji, at isang button na Bumuo. Ang dalawang mode na toggle — A at V — ay lumilipat sa pagitan ng Direktang Mode ng AI at Mode ng Pagkakaiba-iba.

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

Mga Kategorya ng AI Gen

Mga Kategorya ng Pagbuo ng AI

Pagbuo ng Teksto

Pagbuo ng Teksto

Pagbuo ng Larawan

Pagbuo ng Imahe

Pagbuo ng Video

Pagbuo ng Video

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

Direktang AI Mode (A)

Kapag aktibo ang A toggle, direktang ginagawa ng AI ang mga pagbabago sa iyong component sa lugar. Ang placeholder ng prompt ay nagbabasa ng "Ilarawan ang mga pagbabago na ilalapat sa iyong component" at isang badge ay nagpapahiwatig kung aling file ang babaguhin (hal., "Babaguhin: teksto"). Ang mode na ito ay pinakamahusay para sa mabilis, naka-target na mga pag-edit sa kasalukuyang napiling file.

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

Direktang Mode ng AI (A)

Kapag aktibo ang V toggle, bumubuo ang AI ng maraming pagkakaiba-iba ng iyong component sa halip na i-edit ito sa lugar. Nagbabago ang placeholder ng prompt sa "Ilarawan ang mga pagkakaiba-iba na gusto mong buuin" at lumilitaw ang isang counter na may − / + na mga kontrol upang maaari mong piliin kung gaano karaming mga pagkakaiba-iba ang gagawin. Ang nabuong mga pagkakaiba-iba ay lumilitaw sa isang nakalaang panel kung saan maaari mong suriin ang mga ito at idagdag ang iyong ginustong mga bersyon pabalik sa grupo.

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

Lahat ng third-party logo, trademark, at brand name na ipinapakita sa Kaiju Hub AI ay pag-aari ng kani-kanilang may-ari. Ang paggamit nito ay para lamang sa pagkakakilanlan at hindi nangangahulugan ng endorsement, sponsorship, o affiliation.