Cursor 3.1上线Canvas:Agent可直接生成交互式React界面

Cursor 3.1上线Canvas:Agent可直接生成交互式React界面

N
News Editor 01
2026-07-24 05:05:16
Cursor 发布 3.1 版本,新增 Canvas 功能。Agent 完成任务后可直接输出交互式 React 界面,支持图表、表格、Diff 视图与自定义逻辑,并以持久工件形式保留在侧边栏。

Cursor 在 2026 年 4 月 13 日发布 3.1 版本,核心更新是推出 Canvas。这项功能把 Agent 的输出从代码或 Markdown 文本,扩展到可直接渲染的交互式 React 界面。图表、表格、Diff 视图和自定义逻辑都可以在同一界面中展示,用户不必再单独开窗口处理可视化。

Agent 输出从文本转向可交互界面

此次 3.1 的变化,重点不在于多一种展示样式,而是 Agent 输出形式本身发生了改变。过去,任务完成后通常得到的是代码片段或表格化文字;现在,结果可以直接变成可操作的 React 界面,并作为持久工件保留在 Agents Window 侧边栏。

Canvas 还能与终端、浏览器、版本控制界面并排显示。对用户来说,这意味着每次与 Agent 交互产生的结果,不会因为关闭对话窗口而消失,后续查看和调用也更直接。

多来源数据可在同一张Canvas中集中呈现

Cursor 给出的场景很具体。此前,Agent 可能会把 Datadog、Databricks、Sentry 的数据整理成 Markdown 表格,接下来还要用户自己做可视化;在 Canvas 中,Agent 可以把这些多来源信息合并后,直接生成同一张图表展示。

PR 审查也是类似逻辑。Agent 可以按重要性对代码变更分组,为复杂算法生成伪代码,而不是把全部 Diff 平铺出来交给用户逐段筛选。信息量更高,阅读路径也更清晰。

Skill���展与3.1其他更新一并落地

Canvas 支持通过 Skill 做自定义扩展,3.1 的相关架构也同步调整。根据官方信息,Cursor Marketplace 已上线 Docs Canvas Skill,可为任意代码仓库生成交互式架构图;用户也可以自行编写 Skill,定义 Agent 需要生成的 Canvas 类型。

除 Canvas 外,Cursor 3.1 还新增了分割面板(split view),支持并行运行多个 Agent。语音输入方式也有变化,改为长按 Ctrl+M 进行批量 STT 转录,输入流程更灵活。

本文最初由 Bit.Fan 发布。 欲了解更多加密货币新闻与市场洞察,请访问 www.bit.fan.
200

免责声明:

本平台展示的市场信息、项目资料与第三方内容仅用于行业信息分享,不构成任何形式的投资建议或收益承诺。

加密资产交易具有较高风险,用户应充分评估自身风险承受能力并独立作出决策,相关盈亏及法律责任由用户自行承担。