GitHub Canvas：构建 AI 交互工作空间实践指南

使用 Canvas 工作

这些共享的交互式界面是 Copilot 应用的扩展，称为 canvas。Canvas 是 GitHub Copilot 应用中的一个界面，开发者和 agent 可以在其中实时协作。这些共享的交互式界面称为 canvas 扩展。

Agent 可以在工作时更新 canvas，你也可以通过点击、编辑和其他操作与同一工作区进行交互。你的交互可以被发送回 agent 或由 canvas 在本地处理。

你可以持续塑造这一体验，通过要求 Copilot 迭代你的 canvas——添加新功能、优化现有特性等。Canvas 可以随着你的工作而演进。

要创建一个 canvas，在 GitHub Copilot 应用的 agent 会话中使用 /create-canvas，然后描述你想让它创建什么以及它应该支持什么功能。

由于 canvas 是从 prompt 生成的并随着你的工作流而演进，它可以采取多种形式。有些帮你可视化信息，有些帮你采取行动，还有些提供了一种更有趣的方式来处理你的待办事项。

以下是 canvas 扩展可能实现的一些例子：

快速分类 GitHub Issue

目标：以快速、可视化的方式快速分类 GitHub Issue。

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 一次显示一张。你可以直接从 UI 中采取行动。当你滑动时，canvas 实时更新，跟踪决策并将项目移到相应的分类中。

交互式代码库图表

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

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 生成了代码库的动态图表，其中每个节点代表系统的不同部分。你可以悬停、拖拽和过滤来探索不同的层级。你可以直接与架构交互，将对代码库的静态理解转变为可以主动探索的东西。

会话 worktree 视图

目标：可视化所有活跃的 GitHub Copilot 应用会话及其关联的 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。

交互式 Prompt 指导

目标：通过回顾过去的交互并建议更清晰、更有效的 agent 工作方式来改进 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，提高清晰度，从 agent 获得更一致的结果。

跨平台知识搜索

目标：通过在 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 是一个有趣的共享工作区，你和 agent 可以在其中一起思考、探索和采取行动。

想尝试 canvas 扩展？你可以在 GitHub Copilot 应用中开始。阅读文档以获取更多信息。

---

Jacklyn Lee 是 GitHub 的内容编写者，曾任技术编写者，热爱讲述好故事。

相关阅读

在 GitHub Copilot 应用中堆叠会话和 pull 请求

了解我如何使用 GitHub Copilot 应用中的堆叠会话和 pull 请求来现代化我的旧代码库。

工具库就是你所需的全部（几乎）

一个实用的 GitHub Copilot 工作流，用于原型设计、规划、实现和审查软件，无需追逐每一个新的 AI 工具。

GitHub Copilot 应用新手指南：入门

初次接触 GitHub Copilot 应用？学习如何启动项目、与 AI agent 协作、探索 canvas 并简化你的开发工作流。