AI导哈

交互式UI组件生成工具

MCP UI Playground是一个实验性项目，探索AI代理如何返回交互式UI组件，适用于前端开发和AI交互场景。

  • by daitasu
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 daitasu/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

相关 MCP