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 中顯示的所有第三方標誌、商標和品牌名稱均為其各自所有者的財產。它們的使用僅用於識別目的,並不意味著認可、贊助或隸屬關係。