Kaiju Hub AI

Creació de projectes

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)

Configuració del projecte

Fes clic al + Nou projecte botó del panell de control de Projectes per obrir l'assistent de creació. La primera pantalla configura els aspectes bàsics del teu projecte abans d'escollir un conjunt d'eines.

Nom del projecte

Introdueix un nom per al teu projecte. El nom es valida en temps real: ha de ser un nom de carpeta vàlid (sense caràcters especials com < >:"/\\|?*) i no ha de coincidir amb una carpeta existent a la ubicació escollida.

Ubicació del projecte

El directori per defecte on es crearà la carpeta del teu projecte. Fes clic a "Navega" per triar un directori diferent. El projecte es crea com a subcarpeta utilitzant el nom del projecte.

Enllaç a GitHub

Opcionalment, selecciona un compte de GitHub per crear automàticament un repositori remot juntament amb el teu projecte local. Tria "Cap (No utilitzar GitHub per defecte)" per ometre aquest pas.

Trieu la plataforma

Selecciona un dels quatre fitxes de plataforma per determinar el tipus de projecte que estàs creant. Cada plataforma mostra un conjunt diferent d'opcions de framework i conjunt de tecnologies a la pantalla següent.

Buit

Eines, scripts i llibreries de línia de comandament

Escriptori

Aplicacions d'escriptori natives

Web

Aplicacions basades en el navegador

Mòbil

Aplicacions per a dispositius

Tipus de compilació

Trieu com s'ha d'inicialitzar el projecte:

Instal·lació nova

Crea un projecte nou utilitzant les eines estàndard del framework. Kaiju Hub AI executa els comandaments de línia de comandament adequats (per exemple, npm create vite@latest, cargo init, npx create-tauri-app) i instal·la totes les dependències.

Generat per IA

Descriu què vols crear i deixa que la IA generi tot el projecte. Proporciona una descripció de text i imatges de referència opcionals, i després la IA escriu tot el codi font, els fitxers de configuració i l'estructura del projecte.

Després de configurar la configuració del projecte, fes clic a Continua amb el conjunt d'eines per continuar.

Projectes en blanc

Els projectes en blanc són per a eines de línia de comandament, scripts, aplicacions independents i iniciadors específics d'idioma. Tria el teu idioma o entorn d'execució i Kaiju Hub AI crearà una estructura de projecte mínima.

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

Opcions d'idioma/entorn d'execució

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

Alguns idiomes inclouen selectors de versions. Per exemple, seleccionar Python mostra les opcions de versió (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). La versió seleccionada determina quin intèrpret de Python s'utilitza per crear l'entorn virtual.

Projectes d'escriptori

Els projectes d'escriptori creen aplicacions d'escriptori natives. Tria un framework d'escriptori, un framework de la interfície d'usuari i, opcionalment, una base de dades. Tots els frameworks de la interfície d'usuari vénen preconfigurats amb 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 d'escriptori

El framework natiu que proporciona l'interfície de la finestra d'escriptori i les API a nivell de sistema.

Tauri + Rust
Electron
Flutter + Dart

Framework de frontend

El framework d'UI que s'executa dins de la finestra d'escriptori. Totes les opcions estan preconfigurades amb TypeScript.

SolidJS
React
Vue
Svelte
Angular

Base de dades

Integració opcional de bases de dades per a l'emmagatzematge de dades local o al núvol.

Supabase
SQLite
Realm
PostgreSQL
Convex

Projectes web

Els projectes web creen aplicacions basades en el navegador. Comença triant entre Només frontend o De pila completa per determinar quines opcions de framework estan disponibles. Tots els frameworks estan habilitats per defecte amb TypeScript.

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

Només frontend

Frameworks de la interfície d'usuari independents per a aplicacions d'una sola pàgina i llocs web estàtics. Inclou un botó "Paquets personalitzats" per afegir els teus propis 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

De pila completa

Frameworks web complets amb renderització del costat del servidor i rutes d'API integrades.

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

Estil

Tailwind CSS

Base de dades

Supabase
Firebase
Prisma
Convex

Projectes mòbils

Els projectes mòbils creen aplicacions per a dispositius per a iOS i Android. Selecciona un framework mòbil, una versió de l'SDK i, opcionalment, una base de dades.

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

Framework mòbil

Tria el framework per a la teva aplicació mòbil. Apareix un selector de versions de l'SDK per als frameworks que admeten múltiples objectius de l'SDK.

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

Versió de l'SDK

Per a frameworks com Expo, selecciona la versió de l'SDK (per exemple, 52, 53, 54, 55). Això determina les dependències bàsiques i la compatibilitat de l'API.

Base de dades

Base de dades opcional al núvol o local per a la teva aplicació mòbil.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

Instal·lació nova

Quan triïs Instal·lació nova com a tipus de creació, Kaiju Hub AI crea el teu projecte utilitzant les eines estàndard del framework. Després de seleccionar el teu conjunt d'eines, fes clic a Crea el projecte i Kaiju Hub AI s'encarregarà de la resta.

Què passa

1. Detecta el gestor de paquets

Kaiju Hub AI detecta automàticament quin gestor de paquets està instal·lat al teu sistema (npm, yarn o pnpm).

2. Executa el comandament de creació

Executa l'eina de línia de comandament adequada per al teu conjunt d'eines escollit. Per exemple: npm create vite@latest per a React, cargo init per a Rust, npx create-tauri-app per a Tauri.

3. Instal·la les dependències

Executa el comandament d'instal·lació del gestor de paquets per descarregar i configurar totes les dependències necessàries.

4. Inicialitza Git

Configura un repositori Git local amb un commit inicial.

5. Crea el repositori de GitHub

Si has enllaçat un compte de GitHub, crea automàticament un repositori remot i envia el commit inicial.

El projecte apareix al teu panell de control de Projectes un cop finalitzada la creació, preparat per obrir-lo i començar a programar.

Generat per IA

Quan triïs Generat per IA com a tipus de creació, descrius què vols crear i la IA escriu tot el codi font inicial. Després de seleccionar el teu conjunt d'eines, fes clic a Crea el projecte per obrir la pantalla de generació d'IA.

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

Selecció del model d'IA

A la part superior de la pantalla de generació, selecciona un proveïdor i un model d'IA. Pots triar entre qualsevol proveïdor configurat (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) i seleccionar el model específic que s'utilitzarà per a la generació de codi.

Descripció del projecte

Escriu una descripció detallada del que vols crear. Com més específic siguis, millors seran els resultats. Inclou les característiques principals, les pàgines, els patrons de la interfície d'usuari i qualsevol integració que necessitis.

Bons exemples:

  • Un lloc web de comerç electrònic amb llistes de productes i un carretó de la compra
  • Un panell de gestió de tasques amb taulers Kanban
  • Una plataforma de xarxes socials amb perfils d'usuari i feeds
  • Un sistema CRM amb gestió de contactes i anàlisi

Utilitza el Millora amb IA botó per ampliar automàticament la teva descripció amb més detalls. També pots fer clic amb el botó central del ratolí a la icona del micròfon per dictar la teva descripció utilitzant l'entrada de veu.

Pestanyes de la barra lateral

La barra lateral esquerra proporciona un context addicional per a la IA:

Imatges

Pensa imatges de referència, maquetes o captures de pantalla per mostrar a la IA com vols que sigui l'aplicació. Arrossega i deixa anar, enganxa amb Ctrl+V o fes clic per afegir-les. Requereix que s'hagi seleccionat un model amb capacitat de visió.

Components

Adjunta components reutilitzables de la teva biblioteca de blocs. La IA els incorporarà al projecte generat.

Fitxers

Inclou fitxers de referència que la IA hauria de tenir en compte durant la generació (per exemple, codi existent, especificacions de disseny o esquemes de dades).

Genera

Fes clic a Genera el projecte a la part superior dreta per començar la generació d'IA. La IA analitzarà la teva descripció i els materials de referència, planificarà l'arquitectura, generarà l'estructura de fitxers i escriurà tot el codi font i els fitxers de configuració. El progrés es fa el seguiment al Gestor de tasques global en temps real.

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ó.