Cursor 在 2026 年 4 月 13 日發布 3.1 版本,正式推出 Canvas 功能,Agent 完成任務後,輸出不再只是程式碼或 Markdown 文字,而可以直接生成一個可互動的 React 介面,內含圖表、表格、Diff 檢視或自訂邏輯,並作為持久工件常駐於 Agents Window 側邊欄。
(前情提要:Cursor 用 Kimi K2.5 訓練模型被抓包!刪推、官方表態急轉彎)
(背景補充:Claude Code 桌面版大更新:多工並行、拖拉布局、三種顯示模式+新快捷鍵,為開發者而生)
Cursor 3.1 帶來的最大變化讓用戶很驚喜,裡面的 Agent 的輸出形式從純文字升級成可互動的 React 介面,圖表、表格、Diff 檢視、自訂邏輯都能直接渲染在畫面上,不需要另開視窗或自己再做視覺化。
Canvas 可以常駐於 Agents Window 側邊欄,與終端、瀏覽器、版本控制並排顯示,作為持久工件儲存,這代表你跟 Agent 的每一次對話成果,不是把對話視窗關閉就消失。
Canvas 不只是把表格變圖表
過去 Agent 把 Datadog、Databricks、Sentry 的資料整理成 Markdown 表格,還要用戶自己做視覺化,現在 Agent 直接把多來源資料合併進同一張 Canvas 圖表一次呈現。
PR 審查同理,Agent 可以按重要性對變更分組、為複雜演演演算法生成偽程式碼,而不是把所有 Diff 平鋪出來讓你自己篩選。資訊密度提升了,但閱讀負擔反而降低,這才是 Canvas 真正值得注意的地方。
Skill 決定 Agent 生成內容
Canvas 支援透過 Skill 自訂擴充,3.1 版本的新架構讓整個生態系統更清晰:
- Cursor Marketplace 已上架 Docs Canvas Skill,可為任意程式碼儲存庫生成互動式架構圖
- 使用者可自行編寫 Skill,定義 Agent 生成哪種型別的 Canvas
- 3.1 同步新增分割面板(split view),可平行執行多個 Agent
- 語音輸入改為長按 Ctrl+M 批次 STT 轉錄,輸入方式更彈性

📍相關報導📍
Claude Code 推出 Monitor 工具:背景監聽取代輪詢,大幅節省 Token 消耗
