首頁中心
概述
完成設定精靈後，您將進入 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 時附加已儲存的區塊作為上下文——為其提供生成準確程式碼所需的確切資訊。
逆向工程
逆向工程是 Kaiju Hub AI 的邊界框導向圖片轉程式碼和圖片轉線框圖工具。上傳任何 UI 圖片，繪製或自動偵測元素周圍的邊界框，為每個框指派行為（例如開啟對話框、導航至區段），然後從標註的圖片生成可運作的程式碼或線框圖版面。
邊界框標註
在任何圖片中繪製或自動偵測 UI 元素周圍的邊界框，然後為每個框指派互動行為。
雙重輸出
將標註的圖片轉換為目標框架的可運作元件程式碼，或匯出為線框圖版面以供進一步編輯。