MMCPMarkets
MU

mcp-ui-org/mcp-ui

开发工具

本页由 AI 翻译，技术细节请以原文为准。 查看原文

5246 stars 404 forks 质量 72 趋势 39Apache-2.0
Repository Install

UI胜过MCP。用协议和SDK打造下一代UI体验！

概览

mcp-ui 是什么？• 核心概念 • 安装 • 入门指南 • 演示 • 示例 • 支持的主机 • 安全 • 路线图 • 贡献 • 授权 开创了基于MCP的交互式UI概念，使AI工具能够实现丰富的网页界面。与Apps SDK一道，这里开发的模式直接影响了MCP Apps规范，规范了协议上的UI交付。 @mcp-ui/* 包实现了 MCP Apps 标准。@mcp-ui/client 是推荐的 MCP Apps Hosts。 @mcp-ui/ 包完全符合 MCP 应用规范，准备投入生产环境使用。* mcp-ui 是一个实现 MCP 应用标准的 UI-over MCP 的 SDK。它提供： * ： 使用 createUIResource 创建 UI 资源。可从 @modelcontextprotocol/ext-apps/server 与 registerAppTool 和 registerAppResource 配合。* ： 通过 AppRenderer（MCP 应用）或 UIResourceRenderer（旧款 MCP-UI 主机）渲染工具 UI。* ： 在 Ruby 中创建 UI 资源。

概述（AI 翻译）

📦 模型上下文协议 UI SDK

mcp-ui 是什么？• 核心概念 • 安装 • 入门指南 • 攻略 • 示例 • 支持的主机 • 安全 • 路线图 • 贡献 • 许可

mcp-ui 开创了基于MCP的交互式界面概念，使AI工具能够实现丰富的网页界面。与Apps SDK一道，这里开发的模式直接影响了MCP Apps规范，规范了协议上的UI交付。

@mcp-ui/* 包实现了 MCP Apps 标准。@mcp-ui/client 是推荐的 MCP 应用主机 SDK。

@mcp-ui/ 包完全符合 MCP 应用规范，准备投入生产环境使用。*

💡 什么是mcp-ui？

mcp-ui 是一个实现 MCP Apps UI 标准的 SDK for MCP over MCP。它提供：

  • @mcp-ui/server （TypeScript）：使用 createUIResource 创建 UI 资源。可从 @modelcontextprotocol/ext-apps/server 中使用 registerAppTool 和 registerAppResource。
  • @mcp-ui/client （TypeScript）：使用 AppRenderer（MCP 应用）或 UIResourceRenderer（遗留 MCP-UI 主机）的渲染工具界面。

本页由 AI 翻译，技术细节请以原文为准。

README

以下为原文 README 节选，完整内容请查看原文。

📦 Model Context Protocol UI SDK

What’s mcp-ui? • Core Concepts • Installation • Getting Started • Walkthrough • Examples • Supported Hosts • Security • Roadmap • Contributing • License

mcp-ui pioneered the concept of interactive UI over MCP, enabling rich web interfaces for AI tools. Alongside Apps SDK, the patterns developed here directly influenced the MCP Apps specification, which standardized UI delivery over the protocol.

The @mcp-ui/* packages implement the MCP Apps standard. @mcp-ui/client is the recommended SDK for MCP Apps Hosts.

The @mcp-ui/ packages are fully compliant with the MCP Apps specification and ready for production use.*

💡 What’s mcp-ui?

mcp-ui is an SDK implementing the MCP Apps standard for UI over MCP. It provides:

  • @mcp-ui/server (TypeScript): Create UI resources with createUIResource. Works with registerAppTool and registerAppResource from @modelcontextprotocol/ext-apps/server.
  • @mcp-ui/client (TypeScript): Render tool UIs with AppRenderer (MCP Apps) or UIResourceRenderer (legacy MCP-UI hosts).
  • mcp_ui_server (Ruby): Create UI resources in Ruby.
  • mcp-ui-server (Python): Create UI resources in Python.
在 GitHub 查看完整 README

安装

This server does not publish a one-line install command.

Open the repository installation guide 新手？先看 mcpskill.org 教程 →