設計畫布
設計模式下的核心工作區：無限畫布，可縮放、平移，承載多個設計節點。
開啟
- 設計模式的會話中，Agent 生成 HTML 時自動開啟右側面板「設計」Tab
- 或手動從右面板「+」選單新增
節點型別
| 節點 | 說明 |
|---|---|
| 網頁 | 實時渲染預覽（本地安全隔離），或嵌入線上頁面 |
| Sections | 區塊化原型，Alt+點選選中上報「使用者點哪 Agent 改哪」 |
工作流
- 描述你想要的介面（「做一個資料看板首頁」）
- Agent 生成 HTML 並推送到畫布節點
- 實時預覽，點選元素指定要改的部分
- Agent 迭代修改，畫布自動重新整理
- 滿意後匯出 HTML 或整頁 PNG 落盤交付
多方案對比
- 畫布可同時放多個節點
- 並排對比不同方案
- 每個節點可儲存獨立版本，隨時回退
設計令牌
支援專案級主題換膚：顏色、字型、間距統一調整，多頁面原型一鍵切換主題。
匯出
- 匯出 HTML：完整可執行的 HTML 檔案
- 匯出 PNG：整頁截圖，適合彙報材料