Kaiju Hub AI

AI 帧生成

Wireframe project card showing desktop badge, No Preview status, and AI icon in bottom right

打开帧创建器

线框图项目的文档生成后,您将在线框图列表中看到它作为项目卡片。要开始使用AI生成帧,请点击项目卡片右下角的AI图标。这将打开帧创建器,您可以在其中为每个屏幕生成和管理各个帧。

帧创建器

Frame creator showing screen list, AI provider selector, screen purpose and key features, and Generate Frame button

帧创建器是您为每个屏幕生成和管理单独线框帧的地方。左侧边栏列出项目中的所有屏幕(例如仪表板、任务列表、任务详情),并带有状态徽章显示每个屏幕是待处理、正在生成还是已完成。

布局

AI 提供商

从左上角的下拉菜单中选择用于帧生成的 AI 模型(例如 Claude Code、Opus 4.6)。

屏幕列表

左侧边栏显示项目中的所有屏幕。点击屏幕查看其详情并生成帧。

屏幕用途和说明

中间面板显示所选屏幕的用途和关键功能。点击编辑可在生成前修改这些内容。

帧预览

右侧显示生成帧的预览,如果帧尚未生成则显示空帧占位符。

生成帧

点击为所选屏幕生成帧。使用"全部开始生成"可一次生成所有待处理的帧。

生成前编辑

您可以在生成之前编辑帧的各个方面。点击用途或关键功能部分旁边的编辑按钮来修改屏幕的描述、功能和说明。对细节满意后,点击生成帧创建帧,或根据需要调整并重新生成。

生成帧

Frame generation in progress showing generating status, Stop Generation button, and progress indicator at 10%

当帧正在生成时,左侧边栏中的屏幕状态徽章变为生成中...,右下方出现进度指示器(例如"正在生成帧... (10%)")。生成帧按钮被替换为停止生成按钮,允许您在需要时取消。

生成期间

状态徽章

每个屏幕显示其当前状态——待处理(未开始)、正在生成(进行中)或已完成(完成)。

进度指示器

右下角的百分比进度条显示当前帧生成的进度。

停止生成

随时点击停止生成按钮可取消当前帧的生成。

自动链接

帧之间会自动链接——屏幕之间的导航流程在生成过程中自动连接。

已完成的帧

Completed frame showing green completed badge, element count, frame preview, Restart Frame button, and Frame Generated Successfully message

生成完成后,您将看到帧生成成功消息。屏幕状态徽章变为已完成(绿色),并显示元素计数(例如"41个元素")。生成的帧预览出现在编辑器右侧。

完成后

帧预览

右侧面板显示生成帧的可视化预览,其中包含所有组件的布局。

元素数量

已完成徽章显示为该屏幕生成的元素总数。

重新生成帧

如果对结果不满意,点击重新生成帧以从头重新生成。

全部开始生成

继续生成剩余的待处理帧,或使用此功能一次批量生成所有屏幕。

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