主页中心
概述
完成设置向导后，您将进入 Kaiju Hub AI 主页中心。这是您的中央仪表板，您可以在此一览 Kaiju Hub AI 的所有核心功能。
项目中心
项目中心是您管理和组织所有开发项目的中央工作区。您可以在此从头创建新项目、从本地计算机导入现有项目，以及直接从 GitHub 克隆仓库。
创建项目
使用您首选的技术栈和框架配置从零开始创建全新项目。
导入项目
从本地文件系统导入现有项目，在 Kaiju Hub AI 中进行管理。
从 GitHub 克隆
直接在 Kaiju Hub AI 中克隆任何 GitHub 仓库——无需离开应用程序或使用命令行。
线框图
线框图部分允许您为应用程序和网站创建和设计线框图。您可以使用画布编辑器手动设计，也可以利用 AI 自动生成线框图。线框图准备就绪后，您可以直接将其发送到代码生成——在一个无缝工作流程中从设计到可运行代码。
手动设计
使用内置画布编辑器手动绘制和排列 UI 组件。
AI 驱动生成
描述您想要的内容，让 AI 即时为您创建线框图布局。
线框图转代码
将完成的线框图直接发送到代码生成——无需手动转换。
最新动态
最新动态部分是您查看 Kaiju Hub AI 最新更新、功能和公告的地方。每当有新更新推送时，您将收到提醒，确保不会错过重要更改。请定期查看以了解最新功能、错误修复和改进。
区块库
区块库是 Kaiju Hub AI 的上下文区块系统。它允许您添加、存储和管理可重用的上下文区块，如 API 文档、代码片段等。您可以创建和存储区块以供日后使用，然后在需要时直接将其作为上下文发送给 AI 进行代码生成。
支持的内容类型
React、Solid.js、Vue、Svelte、Angular、HTML、CSS、GLSL 着色器、Markdown、纯文本、图片和视频。
创建分组
区块库将区块组织到分组中。分组允许您对相关区块进行分类和统一管理。
创建新分组
点击"创建新分组"按钮打开分组创建对话框。选择一个类别，输入分组名称，然后点击"创建分组"来添加。
向分组添加内容
创建分组后，您可以将文件拖放或将内容粘贴到分组中来填充区块。
创建区块
点击"创建新区块"以打开区块创建器视图。您有三种方式添加内容：
手动输入
在创建器视图中直接手动编写或编辑区块内容。
粘贴内容
将代码、文本或其他内容直接粘贴到区块创建器中。
AI 创建
使用 AI 生成区块内容。支持 React、GLSL 着色器、Svelte、HTML、Vue、Angular、Solid.js 和 CSS。
AI 驱动的区块创建
使用 AI 创建区块时，您可以生成多种内容类型。除了代码，您还可以使用 MediaGen 或本地使用 CompanyUI 创建图片，以及生成视频。
AI 直接编辑
使用 AI 直接编辑现有区块项目。提供说明，AI 将就地修改内容。
创建变体
输入提示并指定所需变体数量。AI 将根据您的提示生成多个替代版本的区块内容。
使用区块
存储上下文
保存 API 文档、代码片段、设计参考和其他上下文区块，以便在项目间重复使用。
创建媒体
直接在区块库中创建和存储图片、视频和其他媒体资源。
发送给 AI
在使用 AI 时附加存储的区块作为上下文——为 AI 提供生成准确代码所需的精确信息。
逆向工程
逆向工程是 Kaiju Hub AI 的边界框定向图像转代码和图像转线框图工具。上传任何 UI 图片，绘制或自动检测元素周围的边界框，为每个框分配行为（例如，打开模态框、导航到某个部分），然后从标注的图片生成可运行代码或线框图布局。
边界框标注
在任何图片中的 UI 元素周围绘制或自动检测边界框，然后为每个框分配交互行为。
双重输出
将标注的图片转换为目标框架的可运行组件代码，或导出为线框图布局以供进一步编辑。