@cursor_ai：Cursor 推出 Canvas 更新強化協作編輯。 此次更新強化了 Cursor 的 Canvas 功能，使其不僅能作為程式開發的輔助視窗，更能直接產出…

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 官方更新日誌 。 原文：https://easyvibecoding.app/curated/1755