Hub principal
Vista general
Después de completar el asistente de configuración, llegarás al Hub principal de Kaiju Hub AI. Este es tu panel central donde puedes acceder a todas las funciones principales de Kaiju Hub AI de un vistazo.
Hub de proyectos
El Hub de proyectos es tu espacio de trabajo central para gestionar y organizar todos tus proyectos de desarrollo. Desde aquí puedes crear nuevos proyectos desde cero, importar proyectos existentes desde tu máquina local y clonar repositorios directamente desde GitHub.
Crear proyectos
Inicia un proyecto completamente nuevo con tu stack tecnológico y configuración de framework preferidos.
Importar proyectos
Incorpora proyectos existentes desde tu sistema de archivos local para gestionarlos dentro de Kaiju Hub AI.
Clonar desde GitHub
Clona cualquier repositorio de GitHub directamente en Kaiju Hub AI — sin necesidad de salir de la aplicación o usar la línea de comandos.
Wireframes
La sección de Wireframes te permite crear y diseñar wireframes para tus aplicaciones y sitios web. Puedes diseñarlos manualmente usando el editor de lienzo, o utilizar IA para generar wireframes automáticamente. Una vez que tu wireframe esté listo, puedes enviarlo directamente a la generación de código — pasando del diseño al código funcional en un flujo de trabajo continuo.
Diseño manual
Usa el editor de lienzo integrado para dibujar y organizar componentes de UI manualmente.
Generación impulsada por IA
Describe lo que quieres y deja que la IA cree un diseño de wireframe instantáneamente.
Wireframe a código
Envía tu wireframe completado directamente a la generación de código — sin necesidad de traducción manual.
Novedades
La sección de Novedades es donde puedes ver las últimas actualizaciones, funciones y anuncios de Kaiju Hub AI. Cada vez que se publique una nueva actualización, recibirás una alerta para que nunca te pierdas cambios importantes. Consulta aquí regularmente para estar al día con nuevas funciones, correcciones de errores y mejoras.
Biblioteca de bloques
La biblioteca de bloques es el sistema de bloques de contexto de Kaiju Hub AI. Te permite añadir, almacenar y gestionar bloques de contexto reutilizables como documentación de API, fragmentos de código y más. Puedes crear y almacenar bloques para uso posterior, y luego enviarlos directamente a la IA cuando los necesites como contexto para la generación de código.
Tipos de contenido compatibles
React, SolidJS, Vue, Svelte, Angular, HTML, CSS, shaders GLSL, Markdown, texto plano, imágenes y videos.
Crear grupos
La biblioteca de bloques organiza los bloques en grupos. Los grupos te permiten categorizar y gestionar bloques relacionados juntos.
Crear un nuevo grupo
Haz clic en el botón "Crear un nuevo grupo" para abrir el modal de creación de grupos. Selecciona una categoría, escribe el nombre del grupo y haz clic en "Crear grupo" para añadirlo.
Añadir contenido a grupos
Una vez creado un grupo, puedes arrastrar y soltar archivos o pegar contenido directamente en el grupo para llenarlo con bloques.
Crear bloques
Haz clic en "Crear un nuevo bloque" para abrir la vista del creador de bloques. Desde allí tienes tres formas de añadir contenido:
Entrada manual
Escribe o edita manualmente el contenido de bloques directamente en la vista del creador.
Pegar contenido
Pega código, texto u otro contenido directamente en el creador de bloques.
Creación con IA
Usa IA para generar contenido de bloques. Compatible con React, shaders GLSL, Svelte, HTML, Vue, Angular, SolidJS y CSS.
Creación de bloques impulsada por IA
Al usar IA para crear bloques, puedes generar una amplia variedad de tipos de contenido. Además de código, también puedes crear imágenes usando MediaGen o localmente usando CompanyUI, y generar videos también.
Edición directa con IA
Edita elementos de bloques existentes directamente usando IA. Proporciona instrucciones y la IA modificará el contenido en su lugar.
Crear variaciones
Ingresa un prompt y especifica cuántas variaciones deseas. La IA generará múltiples versiones alternativas del contenido del bloque basadas en tu prompt.
Usar bloques
Almacenar contexto
Guarda documentación de API, fragmentos de código, referencias de diseño y otros bloques de contexto para reutilizarlos en todos los proyectos.
Crear medios
Crea y almacena imágenes, videos y otros recursos multimedia directamente dentro de la biblioteca de bloques.
Enviar a IA
Adjunta bloques almacenados como contexto al trabajar con IA — dale exactamente la información que necesita para generar código preciso.
Ingeniería inversa
Ingeniería inversa es la herramienta de imagen a código e imagen a wireframe dirigida por cuadros delimitadores de Kaiju Hub AI. Sube cualquier imagen de una UI, dibuja o detecta automáticamente cuadros delimitadores alrededor de los elementos, asigna comportamientos a cada cuadro (por ejemplo, abre un modal, navega a una sección) y genera código funcional o diseños de wireframe a partir de la imagen anotada.
Anotación de cuadros delimitadores
Dibuja o detecta automáticamente cuadros delimitadores alrededor de elementos de UI en cualquier imagen, luego asigna comportamientos interactivos a cada cuadro.
Salida dual
Convierte imágenes anotadas en código de componentes funcional para tu framework objetivo, o exporta como diseños de wireframe para edición adicional.