Creazione progetti
Configurazione progetto
Fai clic sul pulsante + Nuovo Progetto dalla Dashboard dei Progetti per aprire la procedura guidata di creazione. La prima schermata configura le basi del progetto prima di scegliere uno stack tecnologico.
Nome progetto
Inserisci un nome per il tuo progetto. Il nome viene validato in tempo reale — deve essere un nome di cartella valido (nessun carattere speciale come <>:"/\\|?*) e non deve entrare in conflitto con una cartella esistente nella posizione scelta.
Posizione progetto
La directory predefinita dove verra creata la cartella del progetto. Clicca su Sfoglia per scegliere una directory diversa. Il progetto viene creato come sottocartella usando il nome del progetto.
Collega a GitHub
Seleziona opzionalmente un account GitHub per creare automaticamente un repository remoto insieme al tuo progetto locale. Scegli "Nessuno (Non usare GitHub per impostazione predefinita)" per saltare questo passaggio.
Scegli piattaforma
Seleziona uno dei quattro riquadri piattaforma per determinare il tipo di progetto che stai costruendo. Ogni piattaforma mostra un diverso set di opzioni di framework e stack tecnologico nella schermata successiva.
Blank
Strumenti CLI, script, librerie
Desktop
App desktop native
Web
App basate su browser
Mobile
Applicazioni per dispositivi
Tipo di build
Scegli come il progetto dovrebbe essere inizializzato:
Fresh Install
Crea lo scaffold di un nuovo progetto usando gli strumenti standard del framework. Kaiju Hub AI esegue i comandi CLI appropriati (es. npm create vite@latest, cargo init, npx create-tauri-app) e installa tutte le dipendenze.
Generato da IA
Descrivi cosa vuoi costruire e lascia che l'IA generi l'intero progetto. Fornisci una descrizione testuale e immagini di riferimento opzionali, quindi l'IA scrive tutto il codice sorgente, i file di configurazione e la struttura del progetto.
Dopo aver configurato il progetto, fai clic su Continua allo Stack Tecnologico per procedere.
Progetti blank
I progetti blank sono per strumenti CLI, script, applicazioni standalone e starter specifici per linguaggio. Scegli il tuo linguaggio o runtime e Kaiju Hub AI creera una struttura di progetto minima.
Opzioni linguaggio / runtime
Alcuni linguaggi includono selettori di versione. Ad esempio, selezionando Python vengono mostrate le opzioni di versione (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). La versione selezionata determina quale interprete Python viene utilizzato per creare l'ambiente virtuale.
Progetti desktop
I progetti desktop creano applicazioni desktop native. Scegli un framework desktop, un framework frontend per l'interfaccia utente e opzionalmente un database. Tutti i framework frontend sono preconfigurati con TypeScript.
Framework desktop
Il framework nativo che fornisce il guscio della finestra desktop e le API a livello di sistema.
Framework frontend
Framework UI che viene eseguito all'interno della finestra desktop. Tutte le opzioni sono preconfigurate con TypeScript.
Database
Integrazione database opzionale per l'archiviazione dati locale o cloud.
Progetti web
I progetti web creano applicazioni basate su browser. Inizia scegliendo tra Solo frontend o Full-Stack per determinare quali opzioni di framework sono disponibili. Tutti i framework hanno TypeScript abilitato per impostazione predefinita.
Solo frontend
Framework UI standalone per app a pagina singola e siti statici. Include un pulsante Pacchetti personalizzati per aggiungere i tuoi pacchetti npm.
Full-Stack
Framework web completi con rendering lato server e route API integrate.
Stile
Database
Progetti mobile
I progetti mobile creano applicazioni per dispositivi iOS e Android. Seleziona un framework mobile, una versione SDK e opzionalmente un database.
Framework mobile
Scegli il framework per la tua applicazione mobile. Il selettore della versione SDK appare per i framework che supportano piu target SDK.
Versione SDK
Per framework come Expo, seleziona la versione SDK (es. 52, 53, 54, 55). Questo determina le dipendenze di base e la compatibilita API.
Database
Database cloud o locale opzionale per la tua app mobile.
Fresh Install
Quando scegli Installazione Pulita come tipo di build, Kaiju Hub AI crea lo scaffold del progetto usando gli strumenti standard del framework. Dopo aver selezionato lo stack tecnologico, fai clic su Crea Progetto e Kaiju Hub AI farà il resto.
Cosa succede
1. Detect Package Manager
Kaiju Hub AI rileva automaticamente quale gestore di pacchetti e installato sul tuo sistema (npm, yarn o pnpm).
2. Run Scaffold Command
Esegue lo strumento CLI appropriato per lo stack scelto. Ad esempio: npm create vite@latest per React, cargo init per Rust, npx create-tauri-app per Tauri.
3. Installa dipendenze
Esegue il comando di installazione del gestore di pacchetti per scaricare e configurare tutte le dipendenze necessarie.
4. Initialize Git
Configura un repository Git locale con un commit iniziale.
5. Create GitHub Repo
Se hai collegato un account GitHub, crea automaticamente un repository remoto e invia il commit iniziale.
Il progetto appare nella tua Dashboard dei progetti una volta completata la creazione, pronto per essere aperto e iniziare a programmare.
Generato da IA
Quando scegli Generato dall'IA come tipo di build, descrivi cosa vuoi costruire e l'IA scrive l'intero codice iniziale. Dopo aver selezionato lo stack tecnologico, fai clic su Crea Progetto per aprire la schermata di generazione IA.
Selezione modello IA
Nella parte superiore della schermata di generazione, seleziona un provider IA e un modello. Puoi scegliere tra qualsiasi provider configurato (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) e selezionare il modello specifico da usare per la generazione del codice.
Descrizione del progetto
Scrivi una descrizione dettagliata di cosa vuoi costruire. Piu sei specifico, migliori saranno i risultati. Includi le funzionalita principali, le pagine, i pattern UI e qualsiasi integrazione necessaria.
Buoni esempi:
- Un sito e-commerce con elenchi di prodotti e carrello
- Una dashboard di gestione attività con bacheche kanban
- Una piattaforma di social media con profili utente e feed
- Un sistema CRM con gestione contatti e analisi
Usa il pulsante Migliora con IA per espandere automaticamente la descrizione con più dettagli. Puoi anche fare clic con il pulsante centrale sull'icona del microfono per dettare la descrizione tramite input vocale.
Schede della barra laterale
La barra laterale sinistra fornisce contesto aggiuntivo per l'IA:
Immagini
Carica immagini di riferimento, mockup o screenshot per mostrare all'IA come vuoi che l'app appaia. Trascina e rilascia, incolla con Ctrl+V o clicca per aggiungere. Richiede la selezione di un modello con capacita di visione.
Componenti
Allega componenti riutilizzabili dalla tua Libreria blocchi. L'IA li incorporera nel progetto generato.
File
Includi file di riferimento che l'IA dovrebbe considerare durante la generazione (es. codice esistente, specifiche di design o schemi dati).
Genera
Fai clic su Genera Progetto in alto a destra per avviare la generazione IA. L'IA analizzerà la descrizione e i materiali di riferimento, pianificherà l'architettura, genererà la struttura dei file e scriverà tutto il codice sorgente e i file di configurazione. Il progresso viene tracciato nel Gestore Globale Attività in tempo reale.