AI News
官方更新 GitHub Blog AI/ML Fri, 25 Sep 2026 正文 ok 630 words

GitHub Copilot app 初学者指南：如何使用画布构建自定义工作流

英文标题：GitHub Copilot app for Beginners: How to build custom workflows with canvases

GitHub Copilot app 的 canvases（画布）让用户通过自然语言描述所需工作流，由 Agent 自动生成可交互的定制化界面。画布支持看板、问题分流面板、发布检查清单、仪表盘、表单和电子表格等形式，并允许用户与 Agent 双向同步修改内容。开发者无需手写代码或设计布局，即可通过 `/create-canvas` 技能创建、迭代并保存可复用的工作流扩展。社区还通过 Awesome Copilot 提供了发布说明、看板和问题分流等现成画布扩展，可作为定制起点。
打开原文相关 5 · 机会 6
media75.6 KB media33.6 KB media84.8 KB media40.0 KB media60.5 KB media30.0 KB media127.1 KB media52.6 KB media77.9 KB media37.0 KB media70.2 KB media34.5 KB media84.0 KB media42.8 KB media173.3 KB media145.7 KB media11.0 KB media23.6 KB media60.5 KB media23.5 KB

中文

大多数工具会提供一组固定界面，并要求你将工作适配到其中。但如果你能先从自己想要的工作流出发，再让界面围绕它逐渐成形，会怎样？

这正是 GitHub Copilot app 中的画布（canvases） 背后的理念。画布也称为画布扩展（canvas extension），是一种可由你与 Agent 共同使用的定制化界面。它可以是看板、问题分流面板、发布检查清单、仪表盘、表单，甚至是电子表格：一种根据你的工作方式塑造的 UI。

由于画布是双向的，Agent 可以在工作过程中更新它；你也可以通过按钮、卡片、筛选器和其他控件进行修改。这就像使用一块实时共享的白板。

让我们来创建一个。

使用 /create-canvas 创建画布

创建画布时，你不需要亲自编写代码或进行界面设计。只需打开一个 Agent 会话，输入 /create-canvas 技能（skill），然后用自然语言描述你的需求。

请确保你的提示词涵盖以下三点：

  • 画布需要支持的工作流。
  • 你应当能够在界面中执行哪些操作。
  • Agent 应当能够执行哪些操作。

例如，你可以输入：

/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，或者将整个画布改造成当天的检查清单。Agent 会相应修改画布。虽然没有固定的布局菜单，但只要你能描述一个工作流，就很可能可以把它变成画布。

创建完成后，画布会保存为扩展，因此你可以再次使用。你可以将它保留在项目中供团队共享，也可以将其保存为仅供自己使用的个人扩展。

即时协作，而非“下命令后等待”

画布真正的能力在于，你和 Agent 可以同时持续工作。

当你点击按钮、更新字段或移动卡片时，画布的共享状态会立即改变。Agent 无需额外发送或同步步骤，就能看到同样的更新。

反过来也一样。你可以要求 Agent 使用画布自身的功能——也就是你同样可以使用的操作——来添加一条发布说明或移动一张卡片，然后在界面中看到该变化出现。你不再是发送命令后等待响应，而是在共同引导工作推进。

将这些方法带走

创建实用画布可以从三个简单问题开始：

  • 我想看到哪些信息？
  • 我想直接修改什么？
  • Agent 应当能够更新或完成什么？

不知道从哪里开始？社区已通过 Awesome Copilot 分享了现成的画布扩展，其中包括发布说明工具、看板、问题分流工作流等。安装一个最接近你需求的扩展，然后请 Agent 按照你完善自行创建画布的方式，为你的工作流进行定制。

从小处开始：打开一个会话，运行 /create-canvas，并为你当前正在处理的事项描述一个简单的看板或检查清单。

作者

高级 AI 开发者工具倡导者

English / 原文

Most tools give you a fixed set of screens and ask you to fit your work into them. But what if you could start with the workflow you want instead and have the interface take shape around it?

That’s the idea behind canvases in the GitHub Copilot app. A canvas, also called a canvas extension, is a customizable interface that you and the agent share. It can be a kanban board, an issue triage board, a release checklist, a dashboard, a form, or even a spreadsheet: a UI shaped to how you work.

Because the canvas is bidirectional, the agent can update it as it works, and you can use buttons, cards, filters, and other controls to make changes too. Just like using a live shared whiteboard.

Let’s create one.

Creating a canvas with /create-canvas

To create a canvas, you don’t have to do any coding or design by hand. Just open an agent session, enter the /create-canvas skill, and describe what you want in plain English.

Make sure your prompt covers three things:

  • The workflow the canvas should support.
  • What you should be able to do in the interface.
  • What the agent should be able to do.

For example, you could enter:

/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.

Then, the agent will build the interface and open it in the right-side panel without you having to write files or mess with the layout. One description becomes a custom tool that’s ready to use.

Shaping the canvas around your workflow

Because the interface is generated from your description, your first version is just a starting point, and you can keep refining until you’re happy.

You could ask the agent to add a column or filter, pull in your open pull requests, or turn the entire canvas into a checklist for your day. The agent will revise the canvas to match. While there isn’t a fixed menu of layouts, if you can describe a workflow, you can likely turn it into a canvas.

Once created, your canvas is saved as an extension, so you can use it again. You can keep it with the project for your team to share or save it as a personal extension just for you.

Instant collaboration, not command and wait

The real power of a canvas is that you and the agent can both keep working at the same time.

When you click a button, update a field, or move a card, the canvas’ shared state changes immediately. The agent sees the same update without a separate send or sync step.

It works the other way, too. You can ask the agent to use the canvas’ own capabilities—the same actions available to you—to add a release note or move a card, then watch that change appear in the interface. Instead of sending a command and waiting for a response, you’re steering the work together.

Take this with you

Creating a useful canvas starts with three simple questions:

  • What information do I want to see?
  • What do I want to change directly?
  • What should the agent be able to update or do?

Not sure where to begin? The community has shared ready-made canvas extensions through Awesome Copilot, including release notes tools, kanban boards, issue triage workflows, and more. Install one that’s close to what you need, then ask the agent to customize it for your workflow in the same way you would refine a canvas you created yourself.

Start small: open a session, run /create-canvas, and describe a simple board or checklist for something you’re working on now.

Written by

Senior AI Developer Tools Advocate