# 策展 · X (Twitter) 🔥🔥🔥
> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)
> 作者：Cursor (@cursor_ai) · 平台：X (Twitter) · 日期：2026-06-05
> 原始來源：https://x.com/cursor_ai/status/2062611883249783083
## 中文摘要
Cursor 推出 Canvas 更新強化協作編輯。
此次更新強化了 Cursor 的 Canvas 功能，使其不僅能作為程式開發的輔助視窗，更能直接產出可發布的互動式應用，並透過視覺化工具提升開發效率與資源控管能力。
**Canvas 協作與發布**
Cursor 現在允許使用者將 Canvas 內的成果（如儀表板、報告或內部工具）直接發布，並透過 URL 與團隊成員共享。這項功能將 Canvas 從單純的程式碼編輯區，轉變為可直接交付的互動式產出平台。
> 這段影片展示了如何透過 AI 輔助快速建立 API 效能監控儀表板，並將分析結果整理成可與團隊共享的互動式 Canvas。
**設計模式（Design Mode）**
為了加速 UI 調整與迭代，Cursor 在 Canvas 中引入了「設計模式」：
- 使用者可直接在 Canvas 介面中選取並標註 UI 元素。
- 透過視覺化指引取代文字描述，讓 Agent 能更精準地理解修改需求。
- 這種方式模擬了瀏覽器端的互動體驗，讓開發者能快速針對特定元件提供回饋並進行修正。
> 透過 AI 輔助介面，開發者只需輸入指令即可快速調整 UI 元件的圓角樣式並即時預覽變更結果。
**上下文使用報告（Context Usage Report）**
針對 Agent 的資源消耗問題，Cursor 新增了互動式上下文報告功能：
- 系統會自動將 token 的使用分佈拆解，呈現於 Canvas 報告中。
- 報告內容涵蓋系統提示詞（system prompt）、工具定義（tool definitions）、規則（rules）及 skill 等項目。
- 由於報告本身即為 Canvas 格式，使用者可直接向 Agent 提問，要求其針對特定數據進行客製化分析。
- 使用者可點擊 Canvas 內的「Debug with Agent」按鈕，直接開啟新對話，請 Agent 協助識別並優化上下文的使用效率，以減少不必要的 token 消耗。
> 這段影片展示了 Cursor 編輯器中的 Context Explorer 功能，透過視覺化圖表詳細分析 AI 對話中的 Token 使用量與上下文組成。
欲了解更多詳細資訊，請參考 [Cursor 官方更新日誌](http://cursor.com/changelog/canvas-improvements) 。
## 標籤
IDE, 功能更新, 新產品, Cursor