什么是 MCP App？

An MCP App is an extension that renders a visual, interactive UI directly inside your AI conversation. Instead of getting a wall of text or a code block you need to copy-paste somewhere else, you see the result inline — a chart, a form, a map, a diagram — right where you asked for it.

MCP stands for Model Context Protocol, the open standard that connects AI assistants to external tools and data sources. MCP Apps build on this standard by adding a UI layer: the AI calls the tool, and the tool renders something you can see and interact with.

MCP 工具与 MCP App 的区别

A regular MCP tool returns text. Ask it to query a database and you get rows of data as plain text. Useful, but limited.

An MCP App returns a visual UI. Ask it to chart that same data and you get an interactive chart — with tooltips, zoom, and export — rendered right in the conversation. The difference is like reading a spreadsheet vs. seeing a dashboard.

MCP App 的工作原理

在底层，MCP App 是一个同时注册工具和 UI 资源的 MCP 服务器。当 AI 调用工具时，服务器返回结构化数据以及对其 UI 的引用。宿主应用程序加载 UI 并将数据传递给它，UI 在客户端渲染——无需额外服务器。

这意味着您的数据保留在本地。UI 在您的客户端运行，渲染在浏览器中进行。除了您已与 AI 助手共享的内容外，不会向外部服务发送任何数据。

支持的平台

MCP Apps 在任何支持 MCP Apps 扩展的客户端中均可使用。截至 2026 年初，包括：

• Claude and Claude Desktop
• ChatGPT
• VS Code and Cursor
• Goose, Postman, MCPJam, and others

您只需安装一次 MCP App，它即可在所有这些客户端中使用。无需管理每个客户端的插件或扩展。

MCP App 示例

MCP Apps 可以渲染任何适合作为视觉响应的内容：

• 图表和仪表板 — 来自对话数据的条形图、折线图、饼图、散点图、雷达图
• 地图 — 绘制位置、路线和地理空间数据
• 图表 — 流程图、架构图、实体关系图
• 表单和控件 — 反馈到对话中的交互式输入

ChartPane is an MCP App for data visualization. Ask your AI assistant to chart something and you get interactive, production-quality charts rendered inline — with tooltips, legends, and one-click PNG export.

试用 ChartPane

ChartPane 是一款免费的 MCP App，可在对话中内联渲染交互式图表。