MCP Apps

活跃
GitHub TypeScript NOASSERTION

简介

MCP Apps 协议的官方规范和 SDK，定义了嵌入式 AI 聊天机器人 UI 的标准接口，使 MCP 服务器能够直接提供交互式用户界面。

核心特性

  • 标准化 UI 协议 — 从 MCP 工具提供交互式 UI，在任意兼容聊天客户端中内联渲染
  • 多客户端支持 — 支持 ChatGPT、Claude、VS Code、Goose、Postman 和 MCPJam
  • 三角色 SDK — 构建视图（App 类）、嵌入主机（app-bridge）或注册带 UI 元数据的工具
  • React Hooks — 使用 useApp、useHostStyles 等 Hook 构建 React 视图
  • 双向通信 — 主机通过通知向 UI 传递工具数据，UI 通过主机调用工具
  • Agent Skills 集成 — 使用内置技能搭建新应用或从 OpenAI Apps SDK 迁移

适用场景

💡 构建在 AI 聊天中内联显示的交互式仪表盘和数据可视化
💡 创建基于表单的工具，让用户在对话中直接输入数据
💡 开发嵌入聊天界面的设计画布和媒体播放器
💡 在不更改后端的情况下为现有 MCP 服务器添加交互式 UI
💡 将 OpenAI Apps SDK 项目迁移到开放的 MCP Apps 标准

标签

mcp typescript chatbot web api sdk

分类

💬 聊天界面 🔌 MCP 工具

快速开始

# 安装 SDK
npm install -S @modelcontextprotocol/ext-apps

# 构建 App 视图
import { App } from '@modelcontextprotocol/ext-apps';
const app = new App();
app.mount(document.getElementById('root'));
访问 GitHub

相关项目