變數和主題

1變數

用 Cmd+Shift+V 開啟變數面板。你可以建立顏色、數字和文字變數、搜尋變數，並把它們綁定到填色、描邊、尺寸或文字。Agent 還可以建立布林（真/假）變數。

2主題

新增主題來建立一個維度（例如「模式」），再新增變體（例如「淺色」和「深色」）。每個變數都可以為每個變體設定一個值，切換變體時，所有綁定的內容都會重新繪製。

把目前這組變數儲存為預設集，就能在其他檔案中重複使用。預設集可以匯出成 .optheme 檔案，也可以從這類檔案匯入。

3設計系統

App 內建四套完整的設計系統：Halo、Lunaris、Nitro 和 shadcn。每套都是包含淺色和深色主題的完整 token 組。可以從「首頁 > 設計系統」套用，或請 Agent 套用。

4design.md

設計系統面板（Cmd+Shift+D）保存一份設計的文字描述：視覺主題、顏色、字體排印、元件樣式、版面原則和生成說明。Agent 會在繪製前先讀取它。

• 以 design.md 檔案的形式匯入或匯出。
• 用你的 AI 模型根據目前的設計自動產生。
• 「全部同步到變數」會把其中的顏色轉換為變數；「+Var」則一次加入一個。

5風格指南

資產中心內建 63 份可供 Agent 遵循的風格指南，你也可以加入自己的：在「風格」底下匯入任何 DESIGN.md 檔案，或直接貼上內容。釘選某個風格後，Agent 會在每個新設計中使用它。