M
modelcontextprotocol/ext-apps
Spec and SDK for MCP apps embedded in a chat
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网
安装与配置
客户端配置（取自该仓库的安装命令）
{
"mcpServers": {
"modelcontextprotocol-ext-apps": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-", "--stdio"]
}
}
}解析自我们于 2026-11-04 抓取的该仓库 README；我们未执行过。
command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。
VS Code（.vscode/mcp.json —— 键名是 servers）
{
"servers": {
"modelcontextprotocol-ext-apps": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-", "--stdio"]
}
}
}VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。
Claude Code（命令行）
claude mcp add --transport stdio modelcontextprotocol-ext-apps -- npx -y @modelcontextprotocol/server- --stdio
Claude Code 不收 JSON 文件，用这条命令直接加。
配置项的键名以你的客户端为准：客户端与 CLI
- 来源明细
- 收录自 abordage/awesome-mcp 榜单（我们从中收集的条目之一） · 条目类型：MCP 服务
- 收录与活跃
- 收录于 2026-11-05 · 最近见到 2026-11-14 · 共见到 10 次 · 被 10 个来源列出
- 评分构成
- 综合分 1,003 · 10 个来源 · mcp
- 安装
npx -y @modelcontextprotocol/server- --stdio
常见问题（答案都来自我们的记录）
怎么安装？
该仓库给出的安装命令是
npx -y @modelcontextprotocol/server- --stdio。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。它适合谁 / 用来做什么？
我们把它归在这些标签下: MCP 服务。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
我们收录于 2026-11-05；最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。
MCP Apps
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
Build interactive UIs for MCP tools — charts, forms, dashboards — that render inline in Claude, ChatGPT and any other compliant chat client.
Why
Quickstart
API Docs
Spec
Contributing
Excalidraw built with MCP Apps, running in Claude
## Table of Contents
Build with Agent Skills
Supported Clients
Why MCP Apps?
How It Works
Getting Started
Using the SDK
Examples
Specification
Resources
Contributing
## Build with Agent Skills
The fastest way to build an MCP App is to let your AI coding agent do it. This
repo ships four Agent Skills — install them once,
then just ask:
| Skill | What it does | Try it |
| create-mcp-app | Scaffolds a new MCP App with an interactive UI from scratch | "Create an MCP App" |
| migrate-oai-app | Converts an existing OpenAI App to use MCP Apps | "Migrate from OpenAI Apps SDK" |
| add-app-to-server | Adds interactive UI to an existing MCP server's tools | "Add UI to my MCP server" |
| convert-web-app | Turns an existing web app into a hybrid web + MCP App | "Add MCP App support to my web app" |
### Install the Skills
Claude Code — install via the plugin marketplace:
/plugin marketplace add modelcontextprotocol/ext-apps
/plugin install mcp-apps@modelcontextprotocol-ext-apps
Other agents — any AI coding agent that supports
Agent Skills can use these skills. See the
agent skills guide for manual installation
instructions.
Once installed, verify by asking your agent "What skills do you have?" — you
should see create-mcp-app, migrate-oai-app, add-app-to-server, and
convert-web-app in the list. Then just ask it to create or migrate an app and
it will guide you through the rest.
## Supported Clients
> [!NOTE]
> MCP Apps is an extension to the
> core MCP specification. Host
> support varies — see the
> clients page for the full list.
## Why MCP Apps?
MCP tools return text and structured data. That works for many cases, but not
when you need an interactive UI, like a chart, form, design canvas or video player.
MCP Apps provide a standardized way to deliver interactive UIs from MCP servers.
Your UI renders inline in the conversation, in context, in any compliant host.
## How It Works
MCP Apps extend the Model Context Protocol by letting tools declare UI
resources:
1. Tool definition — Your tool declares a ui:// resource containing its
HTML interface
2. Tool call — The LLM calls the tool on your server
3. Host renders — The host fetches the resource and displays it in a
sandboxed iframe
4. Bidirectional communication — The host passes tool data to the UI via
notifications, and the UI can call other tools through the host
## Getting Started
Requires Node.js 20+. The base MCP SDK packages are ^2.0.0 peers of
ext-apps (@modelcontextprotocol/core is a required peer that client already depends on, so npm installs it for you).
For a View or host:
bash
npm install -S @modelcontextprotocol/ext-apps \
@modelcontextprotocol/client@^2.0.0 \
zod@^4.2.0
For an MCP server, add the server package (and, for HTTP transports, the Node
and Express adapters):
bash
npm install -S @modelcontextprotocol/ext-apps \
@modelcontextprotocol/client@^2.0.0 \
@modelcontextprotocol/server@^2.0.0 \
@modelcontextprotocol/node@^2.0.0 \
@modelcontextprotocol/express@^2.0.0 \
Why
Quickstart
API Docs
Spec
Contributing
Excalidraw built with MCP Apps, running in Claude
## Table of Contents
Build with Agent Skills
Supported Clients
Why MCP Apps?
How It Works
Getting Started
Using the SDK
Examples
Specification
Resources
Contributing
## Build with Agent Skills
The fastest way to build an MCP App is to let your AI coding agent do it. This
repo ships four Agent Skills — install them once,
then just ask:
| Skill | What it does | Try it |
| create-mcp-app | Scaffolds a new MCP App with an interactive UI from scratch | "Create an MCP App" |
| migrate-oai-app | Converts an existing OpenAI App to use MCP Apps | "Migrate from OpenAI Apps SDK" |
| add-app-to-server | Adds interactive UI to an existing MCP server's tools | "Add UI to my MCP server" |
| convert-web-app | Turns an existing web app into a hybrid web + MCP App | "Add MCP App support to my web app" |
### Install the Skills
Claude Code — install via the plugin marketplace:
/plugin marketplace add modelcontextprotocol/ext-apps
/plugin install mcp-apps@modelcontextprotocol-ext-apps
Other agents — any AI coding agent that supports
Agent Skills can use these skills. See the
agent skills guide for manual installation
instructions.
Once installed, verify by asking your agent "What skills do you have?" — you
should see create-mcp-app, migrate-oai-app, add-app-to-server, and
convert-web-app in the list. Then just ask it to create or migrate an app and
it will guide you through the rest.
## Supported Clients
> [!NOTE]
> MCP Apps is an extension to the
> core MCP specification. Host
> support varies — see the
> clients page for the full list.
## Why MCP Apps?
MCP tools return text and structured data. That works for many cases, but not
when you need an interactive UI, like a chart, form, design canvas or video player.
MCP Apps provide a standardized way to deliver interactive UIs from MCP servers.
Your UI renders inline in the conversation, in context, in any compliant host.
## How It Works
MCP Apps extend the Model Context Protocol by letting tools declare UI
resources:
1. Tool definition — Your tool declares a ui:// resource containing its
HTML interface
2. Tool call — The LLM calls the tool on your server
3. Host renders — The host fetches the resource and displays it in a
sandboxed iframe
4. Bidirectional communication — The host passes tool data to the UI via
notifications, and the UI can call other tools through the host
## Getting Started
Requires Node.js 20+. The base MCP SDK packages are ^2.0.0 peers of
ext-apps (@modelcontextprotocol/core is a required peer that client already depends on, so npm installs it for you).
For a View or host:
bash
npm install -S @modelcontextprotocol/ext-apps \
@modelcontextprotocol/client@^2.0.0 \
zod@^4.2.0
For an MCP server, add the server package (and, for HTTP transports, the Node
and Express adapters):
bash
npm install -S @modelcontextprotocol/ext-apps \
@modelcontextprotocol/client@^2.0.0 \
@modelcontextprotocol/server@^2.0.0 \
@modelcontextprotocol/node@^2.0.0 \
@modelcontextprotocol/express@^2.0.0 \
收录徽章（可选）
想把收录标记放进 README 就复制这行，可选，不影响收录。
[](https://anclum.com/zh/s/modelcontextprotocol-ext-apps/)
- 来源
- awesome · https://github.com/modelcontextprotocol/ext-apps
- 按领域浏览
- MCP 服务
- 收录来源
- 10 个独立来源
- 收录于
- 今天
同类推荐
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。