Kaiju Hub AI

创建项目

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)

项目设置

点击 + 新建项目 按钮从项目仪表板打开创建向导。第一个屏幕配置项目的基本设置,然后选择技术栈。

项目名称

输入项目名称。名称会实时验证——必须是有效的文件夹名称(不含 <>:"/\\|?* 等特殊字符),并且不能与所选位置中的现有文件夹冲突。

项目位置

创建项目文件夹的默认目录。点击浏览以选择不同的目录。项目将使用项目名称作为子文件夹创建。

关联到 GitHub

可选择一个 GitHub 账户,在创建本地项目的同时自动创建远程仓库。选择"无(默认不使用 GitHub)"可跳过此步骤。

选择平台

选择四个平台磁贴之一来确定您要构建的项目类型。每个平台在下一个屏幕中显示不同的框架和技术栈选项。

空白

CLI 工具、脚本、库

桌面

原生桌面应用

Web

基于浏览器的应用

移动

设备应用程序

构建类型

选择项目的初始化方式:

全新安装

使用标准框架工具搭建新项目。Kaiju Hub AI 运行适当的 CLI 命令(例如 npm create vite@latest、cargo init、npx create-tauri-app)并安装所有依赖项。

AI 生成

描述您想要构建的内容,让 AI 生成整个项目。您提供文本描述和可选的参考图片,然后 AI 编写所有源代码、配置文件和项目结构。

配置项目设置后,点击 继续选择技术栈 继续。

空白项目

空白项目适用于 CLI 工具、脚本、独立应用程序和语言特定的入门项目。选择您的语言或运行时,Kaiju Hub AI 将搭建一个最小的项目结构。

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

语言/运行时选项

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

部分语言包含版本选择器。例如,选择 Python 会显示版本选项(3.10、3.11、3.12、3.13、3.14、3.15)。所选版本决定用于创建虚拟环境的Python解释器。

桌面项目

桌面项目创建原生桌面应用程序。选择桌面框架、用于 UI 的前端框架,以及可选的数据库。所有前端框架都预配置了 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

桌面框架

提供桌面窗口外壳和系统级 API 的原生框架。

Tauri + Rust
Electron
Flutter + Dart

前端框架

在桌面窗口中运行的 UI 框架。所有选项都预配置了 TypeScript。

SolidJS
React
Vue
Svelte
Angular

数据库

可选的数据库集成,用于本地或云端数据存储。

Supabase
SQLite
Realm
PostgreSQL
Convex

Web 项目

Web项目创建基于浏览器的应用程序。首先选择 仅前端 或 全栈 来确定可用的框架选项。所有框架默认启用TypeScript。

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

仅前端

用于单页应用和静态网站的独立 UI 框架。包含自定义包按钮以添加您自己的 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

全栈

带有服务器端渲染和内置 API 路由的完整 Web 框架。

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

样式

Tailwind CSS

数据库

Supabase
Firebase
Prisma
Convex

移动项目

移动项目创建适用于 iOS 和 Android 的设备应用程序。选择移动框架、SDK 版本和可选的数据库。

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

移动框架

选择移动应用程序的框架。对于支持多个 SDK 目标的框架,会显示 SDK 版本选择器。

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

SDK 版本

对于 Expo 等框架,选择 SDK 版本(例如 52、53、54、55)。这决定了基础依赖项和 API 兼容性。

数据库

移动应用的可选云端或本地数据库。

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

全新安装

当您选择 全新安装 作为构建类型时,Kaiju Hub AI使用标准框架工具搭建您的项目。选择技术栈后,点击 创建项目 ,Kaiju Hub AI会处理剩余的工作。

会发生什么

1. 检测包管理器

Kaiju Hub AI 自动检测系统上安装的包管理器(npm、yarn 或 pnpm)。

2. 运行脚手架命令

执行适合您所选技术栈的 CLI 工具。例如:用于 React 的 npm create vite@latest、用于 Rust 的 cargo init、用于 Tauri 的 npx create-tauri-app。

3. 安装依赖项

运行包管理器安装命令以下载和设置所有必需的依赖项。

4. 初始化 Git

设置本地 Git 仓库并进行初始提交。

5. 创建 GitHub 仓库

如果您关联了 GitHub 账户,将自动创建远程仓库并推送初始提交。

创建完成后,项目将出现在您的项目仪表板中,可以打开并开始编码。

AI 生成

当您选择 AI生成 作为构建类型时,您描述想要构建的内容,AI将编写整个初始代码库。选择技术栈后,点击 创建项目 打开AI生成界面。

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

AI 模型选择

在生成屏幕顶部,选择 AI 提供商和模型。您可以从任何已配置的提供商(OpenAI、Anthropic、Gemini、Grok、DeepSeek、Ollama)中选择,并选择用于代码生成的特定模型。

项目描述

编写您想要构建的内容的详细描述。描述越具体,结果越好。包括主要功能、页面、UI 模式和您需要的任何集成。

良好示例:

  • 带有产品列表和购物车的电商网站
  • 带有看板的任务管理仪表板
  • 带有用户资料和动态的社交媒体平台
  • 带有联系人管理和分析的CRM系统

使用 AI增强 按钮自动扩展您的描述,添加更多细节。您也可以中键点击麦克风图标,使用语音输入来口述描述。

侧边栏标签

左侧边栏为 AI 提供额外的上下文:

图片

上传参考图片、设计稿或截图,向 AI 展示您想要的应用外观。拖放、使用 Ctrl+V 粘贴或点击添加。需要选择具有视觉能力的模型。

组件

附加区块库中的可重用组件。AI 将把这些组件纳入生成的项目中。

文件

包含 AI 在生成过程中应考虑的参考文件(例如现有代码、设计规范或数据模式)。

生成

点击 生成项目 右上角开始AI生成。AI将分析您的描述和参考资料,规划架构,生成文件结构,并编写所有源代码和配置文件。进度在 全局任务管理器 中实时跟踪。

Kaiju Hub AI 中显示的所有第三方徽标、商标和品牌名称均为其各自所有者的财产。它们的使用仅用于识别目的,并不意味着认可、赞助或隶属关系。