Criando projetos
Configuração do projeto
Clique no botão + Novo Projeto no Painel de Projetos para abrir o assistente de criação. A primeira tela configura os aspectos básicos do seu projeto antes de escolher o stack tecnológico.
Nome do projeto
Insira um nome para seu projeto. O nome é validado em tempo real — deve ser um nome de pasta válido (sem caracteres especiais como <>:"/\\|?*) e não deve conflitar com uma pasta existente no local escolhido.
Local do projeto
O diretório padrão onde a pasta do seu projeto será criada. Clique em Procurar para escolher um diretório diferente. O projeto é criado como uma subpasta usando o nome do projeto.
Vincular ao GitHub
Opcionalmente, selecione uma conta GitHub para criar automaticamente um repositório remoto junto com seu projeto local. Escolha "Nenhum (Não usar GitHub por padrão)" para pular esta etapa.
Escolher plataforma
Selecione um dos quatro blocos de plataforma para determinar o tipo de projeto que você está construindo. Cada plataforma mostra um conjunto diferente de opções de framework e stack tecnológica na próxima tela.
Em branco
Ferramentas CLI, scripts, bibliotecas
Desktop
Aplicativos desktop nativos
Web
Aplicativos baseados em navegador
Mobile
Aplicativos para dispositivos
Tipo de build
Escolha como o projeto deve ser inicializado:
Instalação limpa
Cria a estrutura de um novo projeto usando ferramentas padrão do framework. O Kaiju Hub AI executa os comandos CLI apropriados (ex.: npm create vite@latest, cargo init, npx create-tauri-app) e instala todas as dependências.
Gerado por IA
Descreva o que você quer construir e deixe a IA gerar o projeto inteiro. Você fornece uma descrição de texto e imagens de referência opcionais, e a IA escreve todo o código-fonte, arquivos de configuração e estrutura do projeto.
Após configurar o projeto, clique em Continuar para Stack Tecnológico para prosseguir.
Projetos em branco
Projetos em branco são para ferramentas CLI, scripts, aplicações standalone e starters específicos de linguagem. Escolha sua linguagem ou runtime e o Kaiju Hub AI criará uma estrutura de projeto mínima.
Opções de linguagem / Runtime
Algumas linguagens incluem seletores de versão. Por exemplo, ao selecionar Python mostra opções de versão (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). A versão selecionada determina qual interpretador Python é usado para criar o ambiente virtual.
Projetos desktop
Projetos desktop criam aplicações desktop nativas. Escolha um framework desktop, um framework frontend para a interface e opcionalmente um banco de dados. Todos os frameworks frontend vêm pré-configurados com TypeScript.
Framework Desktop
O framework nativo que fornece o shell da janela desktop e APIs de nível de sistema.
Framework Frontend
O framework de UI que roda dentro da janela desktop. Todas as opções são pré-configuradas com TypeScript.
Banco de dados
Integração de banco de dados opcional para armazenamento de dados local ou em nuvem.
Projetos web
Projetos web criam aplicações baseadas em navegador. Comece escolhendo entre Frontend Only ou Full-Stack para determinar quais opções de framework estão disponíveis. Todos os frameworks têm TypeScript habilitado por padrão.
Frontend Only
Frameworks de UI standalone para aplicações de página única e sites estáticos. Inclui um botão de Pacotes Personalizados para adicionar seus próprios pacotes npm.
Full-Stack
Frameworks web completos com renderização do lado do servidor e rotas de API integradas.
Estilização
Banco de dados
Projetos mobile
Projetos mobile criam aplicações para dispositivos iOS e Android. Selecione um framework mobile, uma versão do SDK e opcionalmente um banco de dados.
Mobile Framework
Escolha o framework para sua aplicação mobile. Um seletor de versão do SDK aparece para frameworks que suportam múltiplos alvos de SDK.
Versão do SDK
Para frameworks como Expo, selecione a versão do SDK (ex.: 52, 53, 54, 55). Isso determina as dependências base e a compatibilidade de API.
Banco de dados
Banco de dados em nuvem ou local opcional para sua aplicação mobile.
Instalação limpa
Quando você escolhe Instalação Nova como tipo de build, o Kaiju Hub AI gera seu projeto usando ferramentas padrão do framework. Após selecionar seu stack tecnológico, clique em Criar Projeto e o Kaiju Hub AI cuida do resto.
O que acontece
1. Detectar gerenciador de pacotes
O Kaiju Hub AI detecta automaticamente qual gerenciador de pacotes está instalado no seu sistema (npm, yarn ou pnpm).
2. Executar comando de scaffold
Executa a ferramenta CLI apropriada para a stack escolhida. Por exemplo: npm create vite@latest para React, cargo init para Rust, npx create-tauri-app para Tauri.
3. Instalar dependências
Executa o comando de instalação do gerenciador de pacotes para baixar e configurar todas as dependências necessárias.
4. Inicializar Git
Configura um repositório Git local com um commit inicial.
5. Criar repositório GitHub
Se você vinculou uma conta GitHub, cria automaticamente um repositório remoto e envia o commit inicial.
O projeto aparece no seu Painel de Projetos assim que a criação for concluída, pronto para abrir e começar a codificar.
Gerado por IA
Quando você escolhe Gerado por IA como tipo de build, você descreve o que quer construir e a IA escreve todo o código inicial. Após selecionar seu stack tecnológico, clique em Criar Projeto para abrir a tela de geração com IA.
Seleção de modelo de IA
No topo da tela de geração, selecione um provedor e modelo de IA. Você pode escolher entre qualquer provedor configurado (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) e selecionar o modelo específico a ser usado para geração de código.
Descrição do projeto
Escreva uma descrição detalhada do que você quer construir. Quanto mais específico, melhores os resultados. Inclua funcionalidades principais, páginas, padrões de UI e quaisquer integrações que você precise.
Bons exemplos:
- Um site de e-commerce com listagem de produtos e carrinho de compras
- Um painel de gerenciamento de tarefas com quadros kanban
- Uma plataforma de mídia social com perfis de usuário e feeds
- Um sistema CRM com gerenciamento de contatos e análises
Use o botão Aprimorar com IA para expandir automaticamente sua descrição com mais detalhes. Você também pode clicar com o botão do meio no ícone do microfone para ditar sua descrição usando entrada de voz.
Abas da barra lateral
A barra lateral esquerda fornece contexto adicional para a IA:
Imagens
Envie imagens de referência, mockups ou capturas de tela para mostrar à IA como você quer que o aplicativo pareça. Arraste e solte, cole com Ctrl+V ou clique para adicionar. Requer um modelo com capacidade de visão selecionado.
Componentes
Anexe componentes reutilizáveis da sua Biblioteca de Blocos. A IA os incorporará no projeto gerado.
Arquivos
Inclua arquivos de referência que a IA deve considerar durante a geração (ex.: código existente, especificações de design ou schemas de dados).
Gerar
Clique em Gerar Projeto no canto superior direito para iniciar a geração com IA. A IA analisará sua descrição e materiais de referência, planejará a arquitetura, gerará a estrutura de arquivos e escreverá todo o código-fonte e arquivos de configuração. O progresso é acompanhado no Gerenciador Global de Tarefas em tempo real.