赋予代理视觉声音：MCP 应用程序在 VS Code 中的支持
2026年1月26日 由 Harald Kirschner 和 Connor Peet
AI 编码助手已经变得非常强大。开箱即用，它们可以搜索你的代码库，编辑文件，运行终端命令，并响应编译错误。添加 MCP 服务器，它们可以查询数据库，使用 Playwright 浏览网页，总结 GitHub 问题，并连接到你的云平台。模型甚至可以处理图像——你可以粘贴屏幕截图来调试布局问题，或者让 Playwright 捕获浏览器状态以进行验证。
代理格式化表格、结构化数据并渲染ASCII图。但是，这一切都不是互动的。当你需要重新排序列表、用具体信息确认破坏性操作或探索可视化时，你又得用句子来描述事物。
今天，MCP社区宣布了MCP Apps，第一个官方MCP扩展。工具调用现在可以返回直接在对话中渲染的交互式用户界面组件：仪表板、表单、可视化、多步工作流程。这为更丰富和更有效的客户代理协作创造了机会。
VS Code 是第一个支持完整 MCP 应用程序的大型 AI 代码编辑器。 现在可在 VS Code Insiders 中使用——我们的每日构建版本，新功能首先在这里发布。安装 Insiders 今天即可尝试 MCP 应用程序，预计将在下周的发布中推广到 VS Code 稳定版。
示例：互动胜过文字
我们已经建立了一些演示，以展示代理从与开发人员 richer 的协作中获得的好处。由于 MCP 应用程序是新的，我们期待在生态系统中看到更多的采用。
交互式列表重新排序
今天： 代理根据其分析提出一个排序顺序。您阅读文本输出，请求调整，并反复沟通，直到排序顺序符合您的偏好。
使用MCP应用程序： 代理会显示一个拖放界面以及其建议的排序顺序。您可以视觉上重新排序项目，或者选择“请AI排序”，让代理应用其推理。
性能分析器可视化
今天： 代理分析CPU配置文件数据，并以文本形式总结瓶颈。你可以看到总结，但无法验证假设或探索代理可能忽略的领域。
使用MCP应用程序： 代理渲染一个交互式火焰图。您可以钻取调用堆栈，悬停以获取时间细节，并使用您自己的领域知识来确认或拒绝代理的分析。
功能标志选择器
今天： 代理获取标志配置并列出存在的内容。您在心中与您的部署上下文进行交叉引用，并要求代理在单独的步骤中生成集成代码。
使用MCP应用程序：代理显示一个可搜索的标志选择器，并显示实时环境状态。您可以选择标志，在生产/测试/开发视图之间切换，并生成SDK代码——全部在一个操作中完成。
合作伙伴聚焦：故事书
Storybook 已经 在其开源 MCP 服务器中添加了 MCP 应用程序支持。只需要求代理 "使用我们的设计系统构建登录表单"，而不是详细描述所需的结果，代理会在 VS Code 中直接渲染交互式组件预览。
“我们与 VS Code 团队合作开发 MCP 应用，结果令人兴奋。用户现在可以直接在代理聊天中预览 Storybook 故事，消除了在聊天和 Storybook 之间切换以查看更改的需要。” – Jeppe Reinhold（Storybook 核心贡献者，Chromatic）
VS Code 的天然选择
VS Code 一直不仅仅是一个文本编辑器。扩展通过 webview Windows、自定义编辑器和侧边栏视图将用户界面和交互引入编辑器。Jupyter Notebook 证明了将代码与丰富输出混合可以改变工作流程。GitHub Copilot 代理 使 AI 能够在你的工作区中自主工作。
MCP 应用程序是下一层：赋予代理一个视觉声音来反馈沟通。你可以看到正在发生什么，自信地做出选择，并保持控制。
开始
如果你正在构建MCP服务器，请添加MCP应用程序以使其更加互动。VS Code是你可以使用完整的MCP支持进行开发和调试的地方。今天加入Den Delimarsky的VS Code直播，MCP核心维护者，观看现场演示和问答。
尝试构建您的第一个MCP应用程序，并与社区分享您的成果。有时候，展示比讲述更好，现在您的代理可以两者兼备。
祝你编码愉快！💙