Crear proyectos
Configuración del proyecto
Haz clic en el botón + Nuevo Proyecto desde el Panel de Proyectos para abrir el asistente de creación. La primera pantalla configura los elementos básicos de tu proyecto antes de elegir un stack tecnológico.
Nombre del proyecto
Ingresa un nombre para tu proyecto. El nombre se valida en tiempo real: debe ser un nombre de carpeta válido (sin caracteres especiales como <>:"/\\|?*) y no debe coincidir con una carpeta existente en la ubicación elegida.
Ubicación del proyecto
El directorio predeterminado donde se creará la carpeta de tu proyecto. Haz clic en Examinar para elegir un directorio diferente. El proyecto se crea como una subcarpeta usando el nombre del proyecto.
Vincular a GitHub
Opcionalmente selecciona una cuenta de GitHub para crear automáticamente un repositorio remoto junto con tu proyecto local. Elige "Ninguno (No usar GitHub por defecto)" para omitir esto.
Elegir plataforma
Selecciona una de las cuatro plataformas para determinar el tipo de proyecto que vas a construir. Cada plataforma muestra un conjunto diferente de opciones de framework y stack tecnológico en la siguiente pantalla.
En blanco
Herramientas CLI, scripts, bibliotecas
Escritorio
Aplicaciones de escritorio nativas
Web
Aplicaciones basadas en navegador
Móvil
Aplicaciones para dispositivos
Tipo de compilación
Elige cómo se debe inicializar el proyecto:
Instalación limpia
Genera la estructura de un nuevo proyecto usando herramientas estándar del framework. Kaiju Hub AI ejecuta los comandos CLI apropiados (por ejemplo, npm create vite@latest, cargo init, npx create-tauri-app) e instala todas las dependencias.
Generado por IA
Describe lo que quieres construir y deja que la IA genere todo el proyecto. Proporcionas una descripción de texto e imágenes de referencia opcionales, luego la IA escribe todo el código fuente, archivos de configuración y estructura del proyecto.
Después de configurar el proyecto, haz clic en Continuar al Stack Tecnológico para continuar.
Proyectos en blanco
Los proyectos en blanco son para herramientas CLI, scripts, aplicaciones independientes e iniciadores específicos de lenguaje. Elige tu lenguaje o entorno de ejecución y Kaiju Hub AI generará una estructura de proyecto mínima.
Opciones de lenguaje / entorno de ejecución
Algunos lenguajes incluyen selectores de versión. Por ejemplo, al seleccionar Python se muestran las opciones de versión (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). La versión seleccionada determina qué intérprete de Python se usa para crear el entorno virtual.
Proyectos de escritorio
Los proyectos de escritorio crean aplicaciones de escritorio nativas. Elige un framework de escritorio, un framework de frontend para la interfaz y opcionalmente una base de datos. Todos los frameworks de frontend vienen preconfigurados con TypeScript.
Framework de escritorio
El framework nativo que proporciona la ventana de escritorio y las APIs a nivel de sistema.
Framework de frontend
El framework de UI que se ejecuta dentro de la ventana de escritorio. Todas las opciones están preconfiguradas con TypeScript.
Base de datos
Integración opcional de base de datos para almacenamiento de datos local o en la nube.
Proyectos web
Los proyectos web crean aplicaciones basadas en navegador. Comienza eligiendo entre Solo frontend o Full-Stack para determinar qué opciones de framework están disponibles. Todos los frameworks tienen TypeScript habilitado por defecto.
Solo frontend
Frameworks de interfaz independientes para aplicaciones de página única y sitios estáticos. Incluye un botón de Paquetes personalizados para agregar tus propios paquetes npm.
Full-Stack
Frameworks web completos con renderizado del lado del servidor y rutas de API integradas.
Estilos
Base de datos
Proyectos móviles
Los proyectos móviles crean aplicaciones para dispositivos iOS y Android. Selecciona un framework móvil, una versión de SDK y opcionalmente una base de datos.
Framework móvil
Elige el framework para tu aplicación móvil. Aparece un selector de versión de SDK para los frameworks que admiten múltiples versiones de destino.
Versión del SDK
Para frameworks como Expo, selecciona la versión del SDK (por ejemplo, 52, 53, 54, 55). Esto determina las dependencias base y la compatibilidad de la API.
Base de datos
Base de datos opcional en la nube o local para tu aplicación móvil.
Instalación limpia
Cuando eliges Instalación limpia como tipo de compilación, Kaiju Hub AI genera la estructura de tu proyecto usando herramientas estándar del framework. Después de seleccionar tu stack tecnológico, haz clic en Crear Proyecto y Kaiju Hub AI se encarga del resto.
Qué sucede
1. Detectar gestor de paquetes
Kaiju Hub AI detecta automáticamente qué gestor de paquetes está instalado en tu sistema (npm, yarn o pnpm).
2. Ejecutar comando de estructura
Ejecuta la herramienta CLI apropiada para tu stack elegido. Por ejemplo: npm create vite@latest para React, cargo init para Rust, npx create-tauri-app para Tauri.
3. Instalar dependencias
Ejecuta el comando de instalación del gestor de paquetes para descargar y configurar todas las dependencias requeridas.
4. Inicializar Git
Configura un repositorio Git local con un commit inicial.
5. Crear repositorio en GitHub
Si vinculaste una cuenta de GitHub, crea automáticamente un repositorio remoto y sube el commit inicial.
El proyecto aparece en tu Panel de proyectos una vez que se completa la creación, listo para abrir y comenzar a programar.
Generado por IA
Cuando eliges Generado por IA como tipo de compilación, describes lo que quieres construir y la IA escribe todo el código base inicial. Después de seleccionar tu stack tecnológico, haz clic en Crear Proyecto para abrir la pantalla de generación con IA.
Selección de modelo de IA
En la parte superior de la pantalla de generación, selecciona un proveedor de IA y un modelo. Puedes elegir entre cualquier proveedor configurado (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) y seleccionar el modelo específico a usar para la generación de código.
Descripción del proyecto
Escribe una descripción detallada de lo que quieres construir. Cuanto más específico seas, mejores serán los resultados. Incluye características principales, páginas, patrones de interfaz y cualquier integración que necesites.
Buenos ejemplos:
- Un sitio web de comercio electrónico con listados de productos y carrito de compras
- Un panel de gestión de tareas con tableros kanban
- Una plataforma de redes sociales con perfiles de usuario y feeds
- Un sistema CRM con gestión de contactos y analíticas
Usa el botón Mejorar con IA para expandir automáticamente tu descripción con más detalle. También puedes hacer clic central en el ícono del micrófono para dictar tu descripción usando entrada de voz.
Pestañas de la barra lateral
La barra lateral izquierda proporciona contexto adicional para la IA:
Imágenes
Sube imágenes de referencia, maquetas o capturas de pantalla para mostrarle a la IA cómo quieres que se vea la aplicación. Arrastra y suelta, pega con Ctrl+V o haz clic para agregar. Requiere un modelo con capacidad de visión seleccionado.
Componentes
Adjunta componentes reutilizables de tu Biblioteca de bloques. La IA los incorporará en el proyecto generado.
Archivos
Incluye archivos de referencia que la IA debe considerar durante la generación (por ejemplo, código existente, especificaciones de diseño o esquemas de datos).
Generar
Haz clic en Generar Proyecto en la esquina superior derecha para iniciar la generación con IA. La IA analizará tu descripción y materiales de referencia, planificará la arquitectura, generará la estructura de archivos y escribirá todo el código fuente y archivos de configuración. El progreso se rastrea en el Administrador Global de Tareas en tiempo real.