ext-apps

概述

MCP Apps 扩展了模型上下文协议，使开发者能够创建交互式 UI 组件（如图表、表单和设计画布），这些组件直接在聊天客户端内渲染。它为 MCP 服务器提供了一种标准化方式，用于提供丰富的 UI 体验，而不仅仅是传统的文本工具输出。SDK 支持多种角色：构建交互式视图、在主机客户端中嵌入视图以及在 MCP 服务器上注册带有 UI 元数据的工具。

试试问 AI

装完之后，这里有 5 个你可以让 AI 做的事：

• create-mcp-app

  Scaffolds a new MCP App with an interactive UI from scratch

  试试:Create an MCP App试试:Build a new interactive MCP application
• migrate-oai-app

  Converts an existing OpenAI App to use MCP Apps

  试试:Migrate from OpenAI Apps SDK试试:Convert my OpenAI app to MCP
• add-app-to-server

  Adds interactive UI to an existing MCP server's tools

  试试:Add UI to my MCP server试试:Enhance my server with interactive UI
• convert-web-app

  Turns an existing web app into a hybrid web + MCP App

  试试:Add MCP App support to my web app试试:Convert my web application to MCP

说明：Tool names extracted from the 'Build with Agent Skills' section which lists MCP Apps agent skills. These appear to be the primary tools exposed by this server.

可对比工具

安装

npm install -S @modelcontextprotocol/ext-apps

{
  "mcpServers": {
    "mcp-apps": {
      "command": "npx",
      "args": ["@modelcontextprotocol/ext-apps"]
    }
  }
}

FAQ

哪些聊天客户端支持 MCP Apps？

MCP Apps 被 Claude、ChatGPT、VS Code、Goose、Postman 和其他兼容客户端支持。不同主机的支持程度不同 - 请查看客户端页面获取完整列表。

MCP Apps 如何与主机通信？

通信通过沙盒化的 iframe 进行。主机通过通知将工具数据传递给 UI，而 UI 可以通过主机的应用桥调用其他工具。

ext-apps 对比