Kaiju Hub AI

Hub d'accueil

Aperçu

Après avoir terminé l'assistant de configuration, vous arriverez sur le Hub d'accueil de Kaiju Hub AI. C'est votre tableau de bord central où vous pouvez accéder à toutes les fonctionnalités principales de Kaiju Hub AI en un coup d'œil.

Kaiju Hub AI Landing Hub showing Project Hub, Wireframes, Blocks, Reverse Engineering, and more

Hub de projets

Le Hub de projets est votre espace de travail central pour gérer et organiser tous vos projets de développement. De là, vous pouvez créer de nouveaux projets à partir de zéro, importer des projets existants depuis votre machine locale et cloner des dépôts directement depuis GitHub.

Créer des projets

Démarrez un tout nouveau projet avec votre pile technologique et la configuration de framework de votre choix.

Importer des projets

Intégrez des projets existants depuis votre système de fichiers local pour les gérer dans Kaiju Hub AI.

Cloner depuis GitHub

Clonez n'importe quel dépôt GitHub directement dans Kaiju Hub AI — pas besoin de quitter l'application ni d'utiliser la ligne de commande.

Maquettes fil de fer

La section Maquettes fil de fer vous permet de créer et concevoir des maquettes pour vos applications et sites web. Vous pouvez les concevoir manuellement à l'aide de l'éditeur de canevas, ou utiliser l'IA pour générer des maquettes automatiquement. Une fois votre maquette prête, vous pouvez l'envoyer directement à la génération de code — passant du design au code fonctionnel en un flux de travail fluide.

Conception manuelle

Utilisez l'éditeur de canevas intégré pour dessiner et disposer les composants d'interface manuellement.

Génération par IA

Décrivez ce que vous voulez et laissez l'IA créer une mise en page de maquette pour vous instantanément.

Maquette vers code

Envoyez votre maquette terminée directement à la génération de code — aucune traduction manuelle nécessaire.

Nouveautés

La section Nouveautés est l'endroit où vous pouvez voir les dernières mises à jour, fonctionnalités et annonces pour Kaiju Hub AI. Chaque fois qu'une nouvelle mise à jour est publiée, vous recevrez une alerte pour ne jamais manquer les changements importants. Consultez régulièrement cette section pour rester informé des nouvelles fonctionnalités, corrections de bogues et améliorations.

Bibliothèque de blocs

La Bibliothèque de blocs est le système de blocs contextuels de Kaiju Hub AI. Elle vous permet d'ajouter, stocker et gérer des blocs de contexte réutilisables tels que la documentation d'API, des extraits de code et plus encore. Vous pouvez créer et stocker des blocs pour une utilisation ultérieure, puis les envoyer directement à l'IA lorsque vous en avez besoin comme contexte pour la génération de code.

Types de contenu pris en charge

React, Solid.js, Vue, Svelte, Angular, HTML, CSS, shaders GLSL, Markdown, texte brut, images et vidéos.

Création de groupes

La Bibliothèque de blocs organise les blocs en groupes. Les groupes vous permettent de catégoriser et gérer les blocs associés ensemble.

Créer un nouveau groupe

Cliquez sur le bouton « Créer un nouveau groupe » pour ouvrir la fenêtre de création de groupe. Sélectionnez une catégorie, saisissez le nom du groupe et cliquez sur « Créer le groupe » pour l'ajouter.

Ajouter du contenu aux groupes

Une fois un groupe créé, vous pouvez glisser-déposer des fichiers ou coller du contenu directement dans le groupe pour le remplir de blocs.

Création de blocs

Cliquez sur « Créer un nouveau bloc » pour ouvrir la vue de création de bloc. De là, vous avez trois façons d'ajouter du contenu :

Saisie manuelle

Écrivez ou modifiez manuellement le contenu des blocs directement dans la vue de création.

Coller du contenu

Collez du code, du texte ou tout autre contenu directement dans le créateur de blocs.

Création par IA

Utilisez l'IA pour générer le contenu des blocs. Prend en charge React, les shaders GLSL, Svelte, HTML, Vue, Angular, Solid.js et CSS.

Création de blocs par IA

Lors de l'utilisation de l'IA pour créer des blocs, vous pouvez générer une grande variété de types de contenu. Au-delà du code, vous pouvez également créer des images à l'aide de MediaGen ou localement via CompanyUI, et générer des vidéos également.

Édition directe par IA

Modifiez les éléments de bloc existants directement à l'aide de l'IA. Fournissez des instructions et l'IA modifiera le contenu sur place.

Créer des variantes

Entrez une invite et spécifiez le nombre de variantes souhaitées. L'IA générera plusieurs versions alternatives du contenu du bloc en fonction de votre invite.

Utilisation des blocs

Stocker le contexte

Enregistrez la documentation d'API, les extraits de code, les références de conception et d'autres blocs de contexte pour les réutiliser dans vos projets.

Créer des médias

Créez et stockez des images, vidéos et autres ressources multimédias directement dans la bibliothèque de blocs.

Envoyer à l'IA

Joignez des blocs stockés comme contexte lors de l'interaction avec l'IA — fournissez-lui exactement les informations nécessaires pour générer du code précis.

Rétro-ingénierie

La Rétro-ingénierie est l'outil de Kaiju Hub AI pour la conversion d'image en code et d'image en maquette dirigée par boîtes englobantes. Téléchargez n'importe quelle image d'une interface utilisateur, dessinez ou détectez automatiquement des boîtes englobantes autour des éléments, assignez des comportements à chaque boîte (par ex. ouvre une modale, navigue vers une section), et générez du code fonctionnel ou des mises en page de maquettes à partir de l'image annotée.

Annotation par boîtes englobantes

Dessinez ou détectez automatiquement des boîtes englobantes autour des éléments d'interface dans n'importe quelle image, puis assignez des comportements interactifs à chaque boîte.

Double sortie

Convertissez les images annotées en code de composant fonctionnel pour votre framework cible, ou exportez-les en mises en page de maquettes pour un travail ultérieur.

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.