modelcontextprotocol/ext-apps

解决的问题

MCP Apps 允许开发者超越 AI 工具返回的简单文本和结构化数据响应。它提供了一种标准化的方法，将交互式用户界面（如图表、表单、仪表板和设计画布）直接嵌入到符合要求的 AI 客户端（如 Claude 和 ChatGPT）的聊天界面中。

工作原理

通过扩展 Model Context Protocol (MCP)，允许工具使用 ui:// URI 声明 UI 资源。当 LLM 调用工具时，主机客户端会获取 HTML 界面并在沙盒化的 iframe 中渲染。该系统支持双向通信：主机通过通知向 UI 传递数据，UI 可以通过主机触发其他工具。

适用人群

• 应用开发者：使用提供的 SDK（包括 React 钩子）构建交互式视图的人。
• 主机开发者：将这些交互式视图嵌入到自己聊天客户端中的人。
• MCP 服务器作者：希望注册带有 UI 元数据的工具以提升用户体验的人。

主要亮点

• 广泛的客户端支持：兼容 Claude、ChatGPT、VS Code、Goose 和 Postman。
• 代理驱动开发：包含“代理技能”，允许 AI 编码代理自动为 MCP 服务器搭建、迁移或添加 UI。
• 框架无关：提供 React、Vue、Svelte、Preact、Solid 和 Vanilla JS 的启动模板。
• 丰富的示例：包含大量演示应用，从 3D 地球查看器、实时 GLSL 着色器渲染器到客户留存热力图和 PDF 查看器。