Kaiju Hub AI

Vista del creador

Visió general del disseny

La vista del creador és un entorn d'edició de tres panells que s'obre fent doble clic a qualsevol grup a l'àrea de components. Proporciona una llista de blocs al costat esquerre, un editor de codi amb pestanyes al centre i una previsualització en directe a la dreta, amb una caixa d'indicacions d'IA a la part inferior.

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

Panell de la llista de blocs

La barra inferior és la caixa d'indicacions de la IA. Utilitza-la per descriure els canvis i deixar que la IA generi o modifiqui el contingut del teu bloc. Inclou un selector de model, un camp d'entrada de text, entrades de veu i emoji i un botó Genera. Dos commutadors de mode, A i V, alternen entre el mode directe d'IA i el mode de variació.

Editor de codi

El panell central és un editor de codi amb pestanyes on escrius i edites el contingut del bloc. Les pestanyes s'organitzen per tipus de fitxer:

Text

Escriu documentació, Markdown o contingut de text per al bloc.

HTML

Edita l'estructura HTML del teu component.

CSS

Afegeix estils per al teu component.

JavaScript

Afegeix interactivitat i lògica al teu component.

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

Previsualització en directe

Quan el commutador A està actiu, la IA fa modificacions directes al teu component al seu lloc. L'indicador de lloc mostra "Descriu els canvis que s'han d'aplicar al teu component" i una insígnia indica quin fitxer es modificarà (per exemple, "Es modificarà: text"). Aquest mode és el millor per a edicions ràpides i dirigides al fitxer seleccionat.

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

Caixa d'indicacions d'IA

Quan el commutador V està actiu, la IA genera múltiples variacions del teu component en lloc d'editar-lo al seu lloc. L'indicador de lloc canvia per "Descriu les variacions que vols generar" i apareix un comptador amb els controls - / + perquè puguis triar quantes variacions vols crear. Les variacions generades apareixen en un panell dedicat on pots revisar-les i afegir les versions preferides al grup.

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

Categories de generació d'IA

El selector del model d'IA revela les categories de generació que determinen quin tipus de contingut genera la IA:

Generació de text

Genera o edita contingut basat en text, com ara codi, documentació i marcatge.

Generació d'imatges

Crea imatges a partir d'indicacions de text o edita imatges existents amb la IA (text a imatge i imatge a imatge).

Generació de vídeo

Genera vídeos a partir de descripcions de text o anima imatges fixes en vídeos (text a vídeo i imatge a vídeo).

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

Mode directe d'IA (A)

El constructor d'IA té quatre pestanyes: Visió general, decisions, investigació i coneixement.

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 de variació (V)

Selecciona un element

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

Tots els logotips, marques comercials i noms de marques de tercers mostrats a Kaiju Hub AI són propietat dels seus respectius propietaris. El seu ús és únicament amb fins d'identificació i no implica recolzament, patrocini ni afiliació.