建立器檢視
版面概述
建立器檢視是一個三面板編輯環境，透過雙擊元件區域中的任何群組來開啟。它在左側提供區塊清單、中央提供程式碼編輯器、右側提供即時預覽，底部有 AI 提示框。
區塊清單面板
左側面板顯示當前群組中的所有區塊。每個區塊顯示一個卡片預覽，包含區塊名稱和下方的編號檔案列表。使用頂部的工具列可以導航返回、在列表和分割視圖之間切換，或點擊+按鈕新增區塊。
程式碼編輯器
中央面板是分頁式程式碼編輯器，您可以在其中撰寫和編輯區塊內容。標籤按檔案類型組織：
文字
為區塊撰寫文件、Markdown 或純文字內容。
HTML
編輯您元件的 HTML 結構。
CSS
為您的元件新增樣式。
JavaScript
為您的元件新增互動性和邏輯。
即時預覽
右側面板會即時渲染您的元件預覽。當您在編輯器中新增 HTML、CSS 和 JavaScript 時，預覽會更新以顯示編譯結果。您也可以將檔案拖放或貼上內容（Ctrl+V）直接到預覽區域以新增至區塊。使用眼睛圖示切換預覽，使用BG開關切換預覽背景。
AI 提示框
底部列是 AI 提示框。用它來描述變更，讓 AI 生成或修改您的區塊內容。它包含模型選擇器、文字輸入欄位、語音和表情符號輸入，以及生成按鈕。兩個模式切換——A和V——在直接 AI 模式和變體模式之間切換。
AI 生成分類
AI 模型選擇器顯示決定 AI 產生何種內容的生成分類：
文字生成
生成或編輯基於文字的內容，例如程式碼、文件和標記語言。
圖片生成
從文字提示建立圖片或使用 AI 編輯現有圖片（文字轉圖片和圖片轉圖片）。
影片生成
從文字描述生成影片或將靜態圖片動畫化為影片（文字轉影片和圖片轉影片）。
直接 AI 模式（A）
當A切換為啟用時，AI 會直接就地修改您的元件。欄位文字顯示「描述要套用到元件的變更」，並有徽章指示將修改哪個檔案（例如「將修改：文字」）。此模式非常適合對當前選擇的檔案進行快速、特定的編輯。
變體模式（V）
當V切換為啟用時，AI 會生成元件的多個變體，而不是就地編輯。欄位文字變為「描述您想要生成的變體」，並出現帶有−/+控制的計數器，讓您選擇要建立多少個變體。生成的變體出現在專用面板中，您可以在其中檢閱並將偏好的版本新增至群組。