mcp-ui 开源项目推荐（42 个）

mcp-use /mcp-use

全栈LCP框架，用于开发ChatGPT / Claude的LCP应用程序和AI Agents的LCP服务器。

alpic-ai /skybridge

Skybridge is a full-stack TypeScript framework for MCP Apps and ChatGPT Apps. Type-safe. React-powered. Platform-agnostic.

Alignbase /sunpeak

与服务器无关的 MCP 测试框架，以及适用于 ChatGPT Apps、Claude Connectors 等的全栈 MCP 应用框架。

idosal /scira-mcp-ui-chat

MCP-UI 聊天客户端示例

hyzyn /dsh-plugin-kit

面向 DeepSeek Harness（DSH）Web GUI 的插件家族：一个 pnpm 单仓库，包含插件模板、开发套件以及一键式一体化合集——Codegraph、环境与密钥、MCP 配置、配置档案、提示词、RSS 摘要、全局搜索和终端面板。

shadcn-labs /mcpcn

shadcn/ui，但专用于构建 ChatGPT/Claude/MCP 应用

mnfst /manifest-ui

用于构建 ChatGPT Apps 和 MCP Apps 的 shadcn/ui 库

webllm /renderify

运行时优先的 UI 引擎，可直接在浏览器中执行 LLM 生成的 JSX/TSX，无需构建步骤。

epicweb-dev /mcp-ui

在 AI 聊天中超越纯文本交互

AndurilCode /mcp-apps-kit

一个 TypeScript 框架，用于构建交互式 MCP 应用，同一套代码即可无缝兼容 MCP Apps 和 ChatGPT（OpenAI Apps SDK）。

themesberg /mcp-ui-components

基于 Flowbite 和 Skybridge 的 MCP UI 组件，用于为 Claude、ChatGPT、Gemini 构建 MCP 应用

cybertheory /mcpkit

易用的官方 MCP Registry 客户端 UI。npx @cybertheory/mcpkit

Trojaner /mcp-database-query-app

用于查询和管理数据库的 MCP 应用（例如在 Claude Desktop 中支持 UI！）

JuanmanDev /vue-mcp-apps

以原生 Vue 组件（Nuxt UI）编写 MCP Apps，并提供三层演练场，含浏览器内 AI 演示

arifszn /wordly-mcp-app

用于交互式文本改写和语法改进可视化的 MCP 应用

Techthos /gomukit

面向 Go 语言 MCP Apps 的预构建交互式 HTML 组件——数据表格和表单，自包含于单个二进制文件，跟随宿主主题，符合规范。

faith-tools /open-chat

只需几行代码即可打造你自己的聊天功能。ChatKit 的开源替代方案。可使用任意模型/提供商。基于 Vercel 的 AI Elements 和 AI SDK 构建。开箱即支持 MCP、MCP-UI 和 MCP Registry。

SemanticPay /agentic-commerce-demo

由 Google ADK、FastAPI 和 MCP 工具驱动的智能体式 Shopify 电商演示。提供动态、可由商家自定义的商品发现、购物车和结账体验。

sidequery /artifacts

为你的智能体提供 JavaScript 与 HTML 产物。可部署到 Cloudflare workers 或 celld。适用于终端、ChatGPT、Claude Desktop 或你选择的 MCP 客户端

shiguanghuxian /mcp-ui

一个功能完善的 MCP (Model Context Protocol) 工具测试应用，支持连接 MCP 服务器、列出工具、配置参数并执行工具调用。