Cursor 3.1 推出 Canvas 功能：Agent 直接生成可互動 React 介面、圖表、Diff、自訂邏輯

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 消耗 OpenClaw 跟 Hermes Agent 該安裝哪一個？AI 代理入門、直接上手實戰教學 AI 寫程式 Cursor 創辦人：後程式時代值錢的是「品味」〈Cursor 3.1 推出 Canvas 功能：Agent 直接生成可互動 React 介面、圖表、Diff、自訂邏輯〉這篇文章最早發佈於動區BlockTempo《動區動趨-最具影響力的區塊鏈新聞媒體》。