MCP Ui Playground

MCP UI游乐场

MCP-UI的实验性实现，这是一种使AI代理能够返回交互式UI组件的机制。本项目探讨MCP-UI SDK的功能。

🚀 概述

这是一个使用MCP-UI SDK构建的实验性游乐场，用于测试AI代理如何提供交互式用户界面。

• 客户端：React+Vite+TypeScript
• 服务器：Express+TypeScript

🛠️ 设置

需求

• Node.js 18+
• pnpm 10.18.1+

安装

# Clone the repository
git clone [repo-url]
cd mcp-ui-playground

# Install dependencies
pnpm install

🎯 发展

启动所有服务

pnpm run dev

这将同时启动客户端和服务器。

单独开始

# Client only
pnpm run dev:client

# Server only
pnpm run dev:server

📂 项目结构

mcp-ui-playground/
├── packages/
│   ├── client/
│   │   ├── src/
│   │   ├── public/
│   │   └── package.json
│   └── server/
│       ├── src/
│       └── package.json
├── pnpm-workspace.yaml
├── package.json
└── README.md