GitHub Copilot 新手指南:利用 Canvases 构建自定义工作流
2026/09/26 02:00阅读量 2
GitHub Copilot 推出 Canvases(画布)功能,允许用户通过自然语言描述需求,由 AI Agent 自动生成可交互的定制界面,如看板、仪表盘或表单。该功能支持用户与 Agent 实时双向协作,状态即时同步,无需编写代码即可快速搭建贴合个人工作流的工具。目前社区已提供多种现成模板供参考和二次开发。
事件概述
GitHub Copilot 引入了 Canvases(画布/画布扩展)功能,旨在改变开发者使用工具的方式。传统工具通常提供固定的屏幕布局,要求用户适应工具;而 Canvases 允许用户从期望的工作流出发,让界面围绕工作流生成。这是一种可定制的共享界面,可以是看板、问题分类板、发布清单、仪表盘、表单甚至电子表格。
核心机制与操作
-
自然语言创建:
- 用户无需进行任何编码或手动设计。在 Agent 会话中输入
/create-canvas技能命令,并用自然语言描述所需内容。 - 提示词需涵盖三个要素:
- Canvas 应支持的工作流。
- 用户在界面中能执行的操作。
- Agent 能执行的操作。
- 示例:输入“创建一个用于跟踪 GitHub Copilot app 会话中完成的新功能工作的发布说明画布。包括用于审查和组织条目的控件,并允许 Agent 添加和更新它们。”
- Agent 将自动构建界面并在右侧面板打开,将其转化为一个即用的自定义工具。
- 用户无需进行任何编码或手动设计。在 Agent 会话中输入
-
迭代与优化:
- 初始版本仅为起点,用户可通过对话持续优化,例如添加列、过滤器、拉取请求或转换为每日清单。
- 生成的 Canvas 保存为扩展文件,可作为项目共享资源或个人专属扩展重复使用。
-
实时双向协作:
- 状态同步:Canvas 是双向的,用户与 Agent 可同时工作。用户点击按钮、更新字段或移动卡片时,共享状态立即变化,Agent 无需额外的发送或同步步骤即可感知。
- Agent 自主操作:用户可指示 Agent 使用 Canvas 自身的能力(如添加发布说明或移动卡片),更改会直接反映在界面上,实现“共同引导”而非传统的“指令-等待”模式。
值得关注
- 设计思路:构建有用 Canvas 的关键在于明确三点:希望看到什么信息?希望直接修改什么?希望 Agent 更新或执行什么?
- 社区资源:对于不知如何开始的初学者,可以通过 Awesome Copilot 社区获取现成的 Canvas 扩展模板,包括发布说明工具、看板、问题分类工作流等,安装后可进一步要求 Agent 进行定制化调整。
