ext-apps
活跃·★ 3.0k·NOASSERTION·更新于 2026-09-25
★ 必备神器★ 时下流行
MCP Apps 是 Model Context Protocol 的一个扩展，让工具可以返回交互式界面，比如图表、表单、设计画布或视频播放器，并在 Claude、ChatGPT 等兼容的聊天客户端里直接内嵌显示。机制是：工具声明一个装有 HTML 的 `ui://` 资源，模型调用工具后，宿主获取该资源并放进沙箱 iframe 里显示，宿主与界面之间双向交换数据，界面还可以通过宿主调用其他工具。
npm 包 `@modelcontextprotocol/ext-apps` 有三种用法：应用开发者构建界面（`/react` 下有 React hooks）、宿主开发者在聊天客户端里嵌入界面（`/app-bridge`），以及 MCP 服务作者为工具注册界面元数据。仓库还附带四个给编码智能体用的 Agent Skills（创建应用、迁移 OpenAI App、给已有服务加界面、把网页应用改成混合应用），可作为 Claude Code 插件安装，另有示例和起步模板。README 说明这只是核心 MCP 的扩展，各宿主的支持程度不一，需要查看客户端支持页面。
#交互式用户界面#LLM集成#代理技能#聊天客户端扩展#UI开发#模型上下文协议#软件开发工具包
01
功能特性
01为MCP工具构建交互式用户界面（图表、表单、仪表盘）。
02在各种聊天客户端中内联渲染UI。
03提供代理技能，简化应用程序开发和迁移。
04提供用于UI开发、主机嵌入和服务器端工具注册的SDK。
02
为什么选择它
+官方的 MCP 扩展，为交互界面提供统一标准，而不是各客户端各做一套
+机制清晰：`ui://` 资源在沙箱 iframe 里渲染，并支持双向消息
+SDK 同时覆盖界面、宿主和服务端三个角色，并提供 React hooks
+附带 Agent Skills、示例和起步模板，方便快速上手
03
权衡点
!只有支持该扩展的宿主才能用，README 说各宿主支持情况不同
!在 MCP 服务端代码之外还需要写前端（HTML 界面）
!宿主用 iframe 渲染界面，界面代码要按沙箱环境来写
!GitHub 没有识别出仓库的许可证，使用前请自行确认
04
维护状况检查
活跃检查日期: 2026-10-17
- 最近提交
- 2026-09-25
- 近 90 天提交数
- 47
- 近 90 天发布数
- 5
- 最新发布
- v2.0.3 (2026-09-25)
- 未关闭 issue
- 231
- 近期 issue 至少有一条评论的比例
- 6/15
近 12 周每周提交数
最早的一周在左边，最近 4 周为橙色。数据来源：GitHub 提交统计。
状态规则：GitHub 上已归档 = 已归档；最近提交在 90 天内 = 活跃；91 到 365 天 = 放缓；更久 = 停滞。所有数字来自所示日期的 GitHub API。
讨论最多的未关闭 issue
- #671 Bug Report: MCP Apps UI Resource Not Rendering in Claude Desktop / claude.ai24 条评论 · 2026-05-27
- #674 Set up public MCP Apps platform tests14 条评论 · 2026-05-27
- #387 Support `frameDomains` → `frame-src` CSP Mapping for External Iframe Embeds8 条评论 · 2026-01-28
- #431 Accessibility7 条评论 · 2026-02-05
- #420 MCP Apps - start server issue7 条评论 · 2026-02-02
issue 标题引自 GitHub。请打开链接确认该问题是否仍适用于你使用的版本。
05
兼容性
ChatGPT
聊天客户端
已通过文档验证
Claude
聊天客户端
已通过文档验证
VS Code
IDE扩展
已通过文档验证
Node.js
运行时
已通过文档验证
Python
语言
已通过文档验证
06
快速开始
1
$ npm install -S @modelcontextprotocol/ext-apps
07
使用场景
↳通过交互式图表和仪表盘可视化复杂数据。
↳将交互式设计画布或多媒体播放器集成到聊天环境中。
↳在LLM对话中提供用于数据输入和交互的自定义表单。
↳在聊天客户端中直接实现实时监控和动态内容显示。
08
同类工具
评论
登录后发表评论
暂无评论，来发表第一条吧