modelcontextprotocol/ext-apps

解决的问题

标准的 MCP 工具通常返回文本或结构化数据，这在复杂可视化方面存在局限性。MCP Apps 允许开发者构建交互式用户界面——如图表、表单、仪表板和设计画布——这些界面可直接在兼容的 AI 聊天客户端（如 Claude 和 ChatGPT）中渲染。

如何工作

通过允许工具使用 ui:// URI 声明 UI 资源，扩展了 Model Context Protocol (MCP)。当 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 地球查看器、实时操作系统指标和 PDF 查看器。