作者：Jacklyn Carroll
排版：Alan Wang
Canvas 能够将 AI 从单纯的对话助手，变成一个可交互的工作空间，让你能够可视化信息、探索工作流程，并在复杂任务中直接采取行动。

如今，大多数开发者都已经开始与 AI 智能体协作，或至少已经熟悉这种工作方式。智能体能够帮助你探索想法，并将其转化为实际行动，从项目规划到工作流自动化，很多时候，一段对话就足以推动工作向前。

但如果遇到那些并不适合通过对话完成的任务呢？

有些任务只有在你能够看到并直接操作信息时才更高效。你可能需要梳理一个待办事项列表、可视化复杂的信息，或将来自多个数据源的信息整合到一起。借助可视化界面，你可以更容易地发现规律、识别关联，并快速采取行动。

与其不断在一长串提示词和回复之间来回切换，不如使用 Canvas，直接与眼前的信息进行交互。

使用 Canvas

这些共享、可交互的界面，是 GitHub Copilot App 中的一项扩展能力，称为 Canvas。Canvas 是 GitHub Copilot App 中供开发者与智能体实时协作的交互界面，而这些共享式交互界面则被称为 Canvas 扩展。

智能体在工作过程中可以持续更新 Canvas，而你也可以通过点击、编辑等交互方式直接操作同一个工作空间。这些操作既可以发送回智能体继续处理，也可以由 Canvas 在本地完成响应。

你还可以持续让 Copilot 对 Canvas 进行迭代，例如添加新的功能、优化已有能力等，让 Canvas 随着你的工作不断演进。

要创建一个 Canvas，只需在 GitHub Copilot App 的 Agent 会话中输入 /create-canvas，然后描述你希望创建的内容，以及它需要具备哪些能力即可。

由于 Canvas 是根据 Prompt 动态生成，并会随着工作流程不断演化，因此它可以呈现出各种不同的形态。有些用于可视化信息，有些帮助你执行操作，还有一些则能以更加有趣的方式帮助你处理繁琐的待办事项。

下面是几个 Canvas 扩展的示例。

Issue 分类助手

目标：以快速、直观的方式整理 GitHub Issues。

Prompt：

/create-canvas Create an interface that allows me to easily swipe through issues in a repo in card format. Can swipe right to ship, left to reject.

结果：
Canvas 会生成一个卡片式界面，每次展示一个 Issue。你可以直接在界面中完成操作：右滑表示接受，左滑表示拒绝。随着你的操作，Canvas 会实时更新状态，将 Issue 自动归类到对应的列表中。

交互式代码库架构图

目标：可视化项目结构以及各组件之间的关系。

Prompt：

/create-canvas Render a colorful, interactive diagram showing how the code in this project is working together, show how things are related, etc.

结果：
Canvas 会生成一个动态的代码架构图，其中每个节点代表系统中的一个组成部分。你可以通过悬停、拖拽和筛选等方式探索不同层级，从而将原本静态的代码结构，变成一个可以自由探索的交互式架构图。

Sessions Worktree 视图

目标：可视化所有 GitHub Copilot App 会话及其对应的 Git Worktree，清晰区分哪些仍在使用、哪些已经失效，并支持快速清理。

Prompt：

/create-canvas Create a worktree view that will help me see all of my current sessions and whether or not they are active or orphaned. Allow me to clean them up with a few clicks where needed

结果：
Canvas 会生成一个可视化视图，展示所有 Worktree，并清楚标识哪些仍处于活动状态，哪些已经失效或成为孤立 Worktree。对于失效的 Worktree，你只需点击按钮即可完成清理。

Agent Prompt 教练

目标：分析历史 Prompt，帮助提升 Prompt 编写质量，并给出更清晰、更高效的智能体交互建议。

Prompt：

/create-canvas Create an interactive prompt coach that suggests to you how you could have improved your previous prompts in your sessions with skills, mcp servers, etc. Make note of any spelling errors, syntax errors, etc.

结果：
Canvas 会展示历史 Prompt，并逐条分析，指出例如上下文缺失、拼写错误、语法问题等可以改进的地方。借助这些建议，你可以不断优化 Prompt，提高表达清晰度，并获得更加稳定、一致的智能体输出。

Knowledge Finder

目标：通过搜索 Slack、Teams、邮件以及文档，找到对某个文件或主题最了解的人。

Prompt：

/create-canvas Create a way that I can search across Slack, Teams, Email and docs to find people with knowledge of a specific file or someone that would have more context.

结果：
Canvas 会跨多个协作工具进行搜索，找出与指定文件或主题关联最紧密的人员，并展示他们是谁，以及关联信息来自哪里。这样，你可以快速定位最了解相关内容的人，并进一步获取更多背景信息。

带走这些思考

以上这些示例只是 Canvas 能力的一小部分。Canvas 能够将 AI 从一个对话工具，升级为一个可视化工作空间，让你能够更直观地理解信息、探索不同的工作流程，并把原本枯燥的任务变成更有趣、更愿意完成的体验。

Canvas 是一个开发者与智能体共同协作的共享工作空间，你们可以在这里一起思考、探索，并完成实际工作。

想亲自体验 Canvas Extensions？ 现在就可以前往 GitHub Copilot App 开始使用。更多内容可查阅官方文档。