GitHub 官方博客介绍 Copilot 新功能 Canvas,用户可用自然语言描述界面需求,AI 实时生成可交互的编辑界面。
大多数工具都给你一套固定的界面,要求你把工作塞进去。但如果你能从想要的 workflow 出发,让界面围绕它来成形呢?
这就是 GitHub Copilot 应用中 canvas(画布)的核心思路。Canvas(也称为 canvas extension,即画布扩展)是一个可自定义的界面,由你和 Agent 共同使用。它可以是看板、Issue 分类板、发布清单、仪表盘、表单,甚至电子表格:总而言之是一个围绕你的工作方式定制的 UI。
由于 canvas 是双向的,Agent 在工作时可以更新它,你也可以通过按钮、卡片、筛选器和其他控件来做改动。就像使用一块实时共享的白板。
创建 canvas 不需要手工写代码或做设计。只需打开一个 Agent 会话,输入 /create-canvas 技能,然后用简单的英语描述你想要什么。
确保你的 prompt 覆盖三件事:
例如,你可以输入:
/create-canvas Create a release notes canvas for tracking new feature work completed across GitHub Copilot app sessions. Include controls for reviewing and organizing entries and allow the agent to add and update them.
然后,Agent 会构建界面并在右侧面板中打开它,无需你写文件或调整布局。一段描述就变成了一个可立即使用的自定义工具。
由于界面是从你的描述生成的,第一版只是一个起点,你可以不断迭代直到满意。
你可以让 Agent 添加列或筛选器、拉取你的开放 Pull Request,或者把整个 canvas 变成当天的检查清单。Agent 会相应地修改 canvas。虽然没有固定的布局菜单,但只要你能够描述一个 workflow,就可以把它变成 canvas。
创建后,你的 canvas 会保存为扩展,因此可以重复使用。你可以把它留在项目中供团队共享,或者保存为个人扩展仅供自己使用。
canvas 真正的力量在于:你和 Agent 可以同时持续工作。
当你点击按钮、更新字段或移动卡片时,canvas 的共享状态会立即改变。Agent 无需单独的发送或同步步骤就能看到同样的更新。
反过来也一样。你可以要求 Agent 使用 canvas 自身的能力——也就是你可用的同样操作——来添加一条发布说明或移动一张卡片,然后看着这个改动出现在界面中。这不再是发送命令并等待响应,而是共同驾驭工作。
创建一个有用的 canvas 始于三个简单的问题:
不确定从哪里开始?社区已经通过 Awesome Copilot 分享了现成的 canvas 扩展,包括发布说明工具、看板、Issue 分类 workflow 等等。安装一个接近你需要的,然后让 Agent 按照你自定义 canvas 的方式为你的 workflow 做调整。
从小处着手:打开一个会话,运行 /create-canvas,为手头正在做的事情描述一个简单的看板或检查清单。
立即体验 GitHub Copilot 应用 >
资深 AI 开发者工具倡导者
当开发者需要一个比聊天框更实在的 UI 时该怎么做?Enter canvases。
在这篇博客文章中,我解释了如何使用基于 GitHub Security Lab Taskflow Agent AI 框架的新型模糊测试 taskflow。
我们如何在 GitHub Copilot 应用中重建 diff 界面,以打开包含数百条内联评审评论的百万行 Pull Request。