MCP Chat Demo

MCP Chat Demo

一个示例聊天应用程序，展示与模型上下文协议（MCP）服务器的集成。

GitHub
Created Byehartyeehartye

概述

这是一个示例聊天应用程序，展示如何与模型上下文协议（MCP）服务器集成。

快速开始

  1. 克隆仓库

    git clone https://github.com/你的用户名/mcp-chat-demo.git
cd mcp-chat-demo

  2. 安装依赖

    npm install

  3. 启动应用

    npm run dev

主要功能

  • 连接本地/远程 MCP 服务器
  • 实时聊天界面
  • 支持 MCP 工具和资源
  • 消息历史和错误处理

技术栈

React 18, TypeScript, Vite, TailwindCSS, MCP TypeScript SDK

项目结构

mcp-chat-demo/
├── src/
│   ├── components/       # 聊天组件
│   ├── lib/              # MCP 客户端库
│   └── styles/           # 样式文件
└── public/               # 静态资源

查看 README.md 获取完整文档。