Kaiju Hub AI

Création de projets

Create New Project dialog showing Project Name, Project Location, GitHub linking, Choose Platform tiles (Blank, Desktop, Web, Mobile), and Build Type options (Fresh Install, AI-Generated)

Configuration du projet

Cliquez sur le bouton + Nouveau Projet depuis le Tableau de bord des Projets pour ouvrir l'assistant de création. Le premier écran configure les bases de votre projet avant de choisir une pile technologique.

Nom du projet

Saisissez un nom pour votre projet. Le nom est validé en temps réel — il doit être un nom de dossier valide (pas de caractères spéciaux comme <>:"/\|?*) et ne doit pas entrer en conflit avec un dossier existant à l'emplacement choisi.

Emplacement du projet

Le répertoire par défaut où votre dossier de projet sera créé. Cliquez sur Parcourir pour choisir un autre répertoire. Le projet est créé en tant que sous-dossier en utilisant le nom du projet.

Lier à GitHub

Sélectionnez optionnellement un compte GitHub pour créer automatiquement un dépôt distant en même temps que votre projet local. Choisissez « Aucun (Ne pas utiliser GitHub par défaut) » pour ignorer cette étape.

Choisir la plateforme

Sélectionnez l'une des quatre tuiles de plateforme pour déterminer le type de projet que vous créez. Chaque plateforme affiche un ensemble différent d'options de framework et de pile technologique sur l'écran suivant.

Vierge

Outils CLI, scripts, bibliothèques

Bureau

Applications de bureau natives

Web

Applications basées sur le navigateur

Mobile

Applications pour appareils

Type de build

Choisissez comment le projet doit être initialisé :

Installation fraîche

Scaffolde un nouveau projet en utilisant les outils de framework standard. Kaiju Hub AI exécute les commandes CLI appropriées (par ex. npm create vite@latest, cargo init, npx create-tauri-app) et installe toutes les dépendances.

Généré par IA

Décrivez ce que vous voulez construire et laissez l'IA générer l'ensemble du projet. Vous fournissez une description textuelle et des images de référence optionnelles, puis l'IA écrit tout le code source, les fichiers de configuration et la structure du projet.

Après avoir configuré le projet, cliquez sur Continuer vers la Pile Technologique pour continuer.

Projets vierges

Les projets vierges sont destinés aux outils CLI, scripts, applications autonomes et démarreurs spécifiques à un langage. Choisissez votre langage ou runtime et Kaiju Hub AI scaffoldera une structure de projet minimale.

Tech Stack selection for Blank projects showing language options: Empty, Node.js, Python, Rust, C++, Lua, Luau, NestJS, Go, Express, Bun, Deno with Python version selector

Options de langage / Runtime

Empty
Node.js
Python
Rust
C++
Lua
Luau
NestJS
Go
Express
Bun
Deno

Certains langages incluent des sélecteurs de version. Par exemple, en sélectionnant Python affiche les options de version (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). La version sélectionnée détermine quel interpréteur Python est utilisé pour créer l'environnement virtuel.

Projets de bureau

Les projets de bureau créent des applications de bureau natives. Choisissez un framework de bureau, un framework frontend pour l'interface utilisateur et optionnellement une base de données. Tous les frameworks frontend sont préconfigurés avec TypeScript.

Tech Stack selection for Desktop projects showing Desktop Framework (Tauri + Rust, Electron, Flutter + Dart), Frontend Framework (SolidJS, React, Vue, Svelte, Angular), and Database options

Framework de bureau

Le framework natif qui fournit la fenêtre de bureau et les API au niveau du système.

Tauri + Rust
Electron
Flutter + Dart

Framework frontend

Le framework d'interface utilisateur qui s'exécute à l'intérieur de la fenêtre de bureau. Toutes les options sont préconfigurées avec TypeScript.

SolidJS
React
Vue
Svelte
Angular

Base de données

Intégration optionnelle de base de données pour le stockage de données local ou cloud.

Supabase
SQLite
Realm
PostgreSQL
Convex

Projets web

Les projets web créent des applications basées sur le navigateur. Commencez par choisir entre Frontend uniquement ou Full-Stack pour déterminer quelles options de framework sont disponibles. Tous les frameworks ont TypeScript activé par défaut.

Tech Stack for Web projects in Frontend Only mode showing SolidJS, React, Vue, Svelte, Angular, Preact + Styling and Database options

Frontend uniquement

Frameworks d'interface utilisateur autonomes pour les applications monopage et les sites statiques. Comprend un bouton Paquets personnalisés pour ajouter vos propres paquets npm.

SolidJS
React
Vue
Svelte
Angular
Preact
Tech Stack for Web projects in Full-Stack mode showing SolidStart, Next.js, Nuxt.js, SvelteKit, Fresh, Astro, TanStack Start, WordPress

Full-Stack

Frameworks web complets avec rendu côté serveur et routes API intégrées.

SolidStart
Next.js
Nuxt.js
SvelteKit
Fresh
Astro
TanStack Start
WordPress

Style

Tailwind CSS

Base de données

Supabase
Firebase
Prisma
Convex

Projets mobiles

Les projets mobiles créent des applications pour appareils iOS et Android. Sélectionnez un framework mobile, une version de SDK et optionnellement une base de données.

Tech Stack for Mobile projects showing Expo, React Native CLI, Flutter, Ionic, Capacitor, Android Native (Kotlin) with SDK version selector and Database options

Framework mobile

Choisissez le framework pour votre application mobile. Un sélecteur de version SDK apparaît pour les frameworks qui prennent en charge plusieurs cibles SDK.

Expo
React Native CLI
Flutter
Ionic
Capacitor
Android Native (Kotlin)

Version du SDK

Pour les frameworks comme Expo, sélectionnez la version du SDK (par ex. 52, 53, 54, 55). Cela détermine les dépendances de base et la compatibilité API.

Base de données

Base de données cloud ou locale optionnelle pour votre application mobile.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

Installation fraîche

Lorsque vous choisissez Installation Fraîche comme type de build, Kaiju Hub AI génère votre projet en utilisant les outils standard du framework. Après avoir sélectionné votre pile technologique, cliquez sur Créer le Projet et Kaiju Hub AI s'occupe du reste.

Ce qui se passe

1. Détecter le gestionnaire de paquets

Kaiju Hub AI détecte automatiquement quel gestionnaire de paquets est installé sur votre système (npm, yarn ou pnpm).

2. Exécuter la commande de scaffolding

Exécute l'outil CLI approprié pour votre pile choisie. Par exemple : npm create vite@latest pour React, cargo init pour Rust, npx create-tauri-app pour Tauri.

3. Installer les dépendances

Exécute la commande d'installation du gestionnaire de paquets pour télécharger et configurer toutes les dépendances requises.

4. Initialiser Git

Configure un dépôt Git local avec un commit initial.

5. Créer un dépôt GitHub

Si vous avez lié un compte GitHub, crée automatiquement un dépôt distant et pousse le commit initial.

Le projet apparaît dans votre Tableau de bord des projets une fois la création terminée, prêt à être ouvert et à commencer à coder.

Généré par IA

Lorsque vous choisissez Généré par IA comme type de build, vous décrivez ce que vous voulez construire et l'IA écrit toute la base de code initiale. Après avoir sélectionné votre pile technologique, cliquez sur Créer le Projet pour ouvrir l'écran de génération IA.

AI Generation screen showing model selector, project description input, Images/Components/Files tabs in the sidebar, and Generate Project button

Sélection du modèle IA

En haut de l'écran de génération, sélectionnez un fournisseur et un modèle d'IA. Vous pouvez choisir parmi n'importe quel fournisseur configuré (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) et sélectionner le modèle spécifique à utiliser pour la génération de code.

Description du projet

Écrivez une description détaillée de ce que vous voulez construire. Plus vous êtes précis, meilleurs seront les résultats. Incluez les fonctionnalités principales, les pages, les modèles d'interface utilisateur et toutes les intégrations dont vous avez besoin.

Bons exemples :

  • Un site e-commerce avec listes de produits et panier d'achat
  • Un tableau de bord de gestion de tâches avec tableaux kanban
  • Une plateforme de médias sociaux avec profils utilisateurs et fils d'actualité
  • Un système CRM avec gestion de contacts et analytiques

Utilisez le bouton Améliorer avec l'IA pour développer automatiquement votre description avec plus de détails. Vous pouvez aussi cliquer avec le bouton central sur l'icône du microphone pour dicter votre description par saisie vocale.

Onglets de la barre latérale

La barre latérale gauche fournit un contexte supplémentaire pour l'IA :

Images

Téléchargez des images de référence, des maquettes ou des captures d'écran pour montrer à l'IA à quoi vous voulez que l'application ressemble. Glissez-déposez, collez avec Ctrl+V ou cliquez pour ajouter. Nécessite la sélection d'un modèle compatible avec la vision.

Composants

Joignez des composants réutilisables depuis votre Bibliothèque de blocs. L'IA les intégrera dans le projet généré.

Fichiers

Incluez des fichiers de référence que l'IA doit prendre en compte lors de la génération (par ex. code existant, spécifications de conception ou schémas de données).

Générer

Cliquez sur Générer le Projet en haut à droite pour lancer la génération IA. L'IA analysera votre description et vos matériaux de référence, planifiera l'architecture, générera la structure de fichiers et écrira tout le code source et les fichiers de configuration. La progression est suivie dans le Gestionnaire Global de Tâches en temps réel.

Tous les logos, marques déposées et noms de marques de tiers affichés dans Kaiju Hub AI sont la propriété de leurs propriétaires respectifs. Leur utilisation est uniquement à des fins d’identification et n’implique aucun parrainage, sponsoring ou affiliation.