Hub principale
Panoramica
Dopo aver completato la procedura guidata di configurazione, atterrerai sull'Hub principale di Kaiju Hub AI. Questa e la tua dashboard centrale dove puoi accedere a tutte le funzionalita principali di Kaiju Hub AI a colpo d'occhio.
Hub dei progetti
L'Hub dei progetti e il tuo spazio di lavoro centrale per gestire e organizzare tutti i tuoi progetti di sviluppo. Da qui puoi creare nuovi progetti da zero, importare progetti esistenti dal tuo computer locale e clonare repository direttamente da GitHub.
Crea progetti
Avvia un nuovo progetto con il tuo stack tecnologico e la configurazione del framework preferiti.
Importa progetti
Importa progetti esistenti dal tuo file system locale per gestirli all'interno di Kaiju Hub AI.
Clona da GitHub
Clona qualsiasi repository GitHub direttamente in Kaiju Hub AI — senza bisogno di uscire dall'app o usare la riga di comando.
Wireframe
La sezione Wireframe ti permette di creare e progettare wireframe per le tue applicazioni e siti web. Puoi progettarli manualmente utilizzando l'editor canvas, oppure utilizzare l'IA per generare wireframe automaticamente. Una volta pronto il wireframe, puoi inviarlo direttamente alla generazione di codice — passando dal design al codice funzionante in un unico flusso di lavoro.
Design manuale
Usa l'editor canvas integrato per disegnare e disporre componenti UI a mano.
Generazione con IA
Descrivi cosa desideri e lascia che l'IA crei un layout wireframe per te istantaneamente.
Da wireframe a codice
Invia il tuo wireframe completato direttamente alla generazione di codice — nessuna traduzione manuale necessaria.
Novita
La sezione Novita e dove puoi vedere gli ultimi aggiornamenti, funzionalita e annunci per Kaiju Hub AI. Ogni volta che viene rilasciato un nuovo aggiornamento, riceverai un avviso per non perdere mai modifiche importanti. Controlla qui regolarmente per rimanere aggiornato su nuove funzionalita, correzioni di bug e miglioramenti.
Libreria blocchi
La Libreria blocchi e il sistema di blocchi contestuali di Kaiju Hub AI. Ti permette di aggiungere, archiviare e gestire blocchi di contesto riutilizzabili come documentazione API, frammenti di codice e altro ancora. Puoi creare e archiviare blocchi per un uso successivo, quindi inviarli direttamente all'IA quando ne hai bisogno come contesto per la generazione di codice.
Tipi di contenuto supportati
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, shader GLSL, Markdown, testo semplice, immagini e video.
Creazione gruppi
La Libreria blocchi organizza i blocchi in gruppi. I gruppi ti permettono di categorizzare e gestire insieme i blocchi correlati.
Crea un nuovo gruppo
Clicca sul pulsante "Crea un nuovo gruppo" per aprire la finestra di creazione del gruppo. Seleziona una categoria, digita il nome del gruppo e clicca "Crea gruppo" per aggiungerlo.
Aggiungi contenuti ai gruppi
Una volta creato un gruppo, puoi trascinare e rilasciare file o incollare contenuti direttamente nel gruppo per popolarlo con blocchi.
Creazione blocchi
Clicca su "Crea un nuovo blocco" per aprire la vista del creatore di blocchi. Da li hai tre modi per aggiungere contenuti:
Inserimento manuale
Scrivi o modifica manualmente il contenuto del blocco direttamente nella vista del creatore.
Incolla contenuto
Incolla codice, testo o altri contenuti direttamente nel creatore di blocchi.
Creazione IA
Usa l'IA per generare contenuto dei blocchi. Supporta React, shader GLSL, Svelte, HTML, Vue, Angular, Solid.js e CSS.
Creazione blocchi con IA
Quando usi l'IA per creare blocchi, puoi generare un'ampia varieta di tipi di contenuto. Oltre al codice, puoi anche creare immagini usando MediaGen o localmente usando CompanyUI, e generare anche video.
Modifica diretta con IA
Modifica gli elementi dei blocchi esistenti direttamente usando l'IA. Fornisci istruzioni e l'IA modifichera il contenuto sul posto.
Crea variazioni
Inserisci un prompt e specifica quante variazioni desideri. L'IA generera piu versioni alternative del contenuto del blocco basandosi sul tuo prompt.
Utilizzo dei blocchi
Archivia contesto
Salva documentazione API, frammenti di codice, riferimenti di design e altri blocchi di contesto per il riutilizzo tra i progetti.
Crea media
Crea e archivia immagini, video e altri asset multimediali direttamente all'interno della libreria blocchi.
Invia all'IA
Allega blocchi archiviati come contesto quando lavori con l'IA — forniscile esattamente le informazioni necessarie per generare codice accurato.
Reverse engineering
Il Reverse Engineering e lo strumento di Kaiju Hub AI per la conversione da immagine a codice e da immagine a wireframe tramite bounding box. Carica qualsiasi immagine di un'interfaccia utente, disegna o rileva automaticamente bounding box intorno agli elementi, assegna comportamenti a ciascun box (es. apre un modale, naviga a una sezione) e genera codice funzionante o layout wireframe dall'immagine annotata.
Annotazione bounding box
Disegna o rileva automaticamente bounding box intorno agli elementi UI in qualsiasi immagine, quindi assegna comportamenti interattivi a ciascun box.
Doppio output
Converti immagini annotate in codice componente funzionante per il tuo framework di destinazione, oppure esporta come layout wireframe per ulteriori modifiche.