Kaiju Hub AI

元件區域

群組側邊欄

左側邊欄列出您的所有群組。每個群組顯示其名稱和資產類型徽章(例如 HTML/CSS/JS、文件)。點擊群組以選取並在主要內容區域中檢視其區塊。醒目的強調列指示目前活躍的群組。

Block Library showing group sidebar with group 3, group 2, and Group1 listed with HTML/CSS/JS badges, and empty group view with Create First Block button

建立群組

點擊側邊欄頂部的+按鈕以開啟建立新區塊群組對話框。為您的群組命名並選擇資源類型以分類其將包含的內容類型。

HTML/CSS/JS

用於 Web 介面的 UI 元件。

文件

指南、參考和知識庫。

圖片

照片、圖形、紋理和視覺資產。

音訊

音樂、音效、語音和音訊片段。

影片

影片片段、動畫和動態內容。

3D 模型

3D 模型、網格和 3D 資產。

AI 模型

AI 模型、LoRA、檢查點和嵌入。

圖示

圖示、標誌、符號和小型圖形。

Create New Block Group dialog with Group Name field and Asset Type grid showing HTML/CSS/JS, Documentation, Images, Audio, Video, 3D Models, AI Models, and Icons

新增區塊到群組

當您選取一個空群組時,您會看到建立第一個區塊的提示。有幾種方式可以新增內容:

建立第一個區塊

點擊建立第一個區塊按鈕以開始向空群組新增內容。

拖放檔案

直接從您的檔案系統將檔案拖到放置區域。支援的格式包括圖片、JSON、HTML、CSS、JS、TS、TSX 和 JSX。

貼上內容

直接將程式碼、文字或其他內容貼到群組中以建立新區塊。

多區塊

在已選取檔案時貼上內容以建立多區塊——包含多個檔案的單一區塊條目。

區塊卡片

每個區塊在主要內容區域中以卡片形式出現。卡片顯示檔案預覽、區塊名稱和可切換的收藏星號。使用右上角的工具列圖示來搜尋區塊、切換網格和清單檢視,或存取其他選項。

檢視

在詳細對話框中開啟區塊,您可以在文字和 Markdown 預覽標籤中預覽內容,並複製原始文字。

複製

將區塊內容複製到剪貼簿,以便在 Kaiju Hub AI 的其他部分或外部編輯器中快速重複使用。

收藏

為區塊加星號以標記為收藏,方便稍後存取。

Block Library grid view showing two Project Name block cards with file previews, favorite stars, and View and Copy action buttons

區塊詳細檢視

點擊區塊上的檢視會開啟詳細資訊彈出視窗。彈出視窗標題顯示區塊名稱及其資源類型徽章。在內部,您可以在兩個標籤之間切換:

文字

以語法高亮顯示區塊的原始來源內容。使用複製文字按鈕將完整內容複製到剪貼簿。

Markdown 預覽

將內容渲染為格式化的 Markdown,讓您可以輕鬆一覽文件、README 和其他結構化文字。

Block detail modal showing Project Name with Documentation badge, Text tab with raw markdown source, and Markdown Preview tab with rendered content

開啟建立器檢視

在側邊欄中雙擊任何群組以進入建立器視圖,這是一個完整的編輯環境,您可以在其中使用 AI 協助來建構和編輯區塊。請參閱建立器視圖部分了解更多詳情。

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