AI导哈

空间网格模型协议聊天界面

一个基于React的现代聊天界面，用于与SpatialGrid模型上下文协议（MCP）服务器进行交互，支持实时聊天、WebSocket通信和响应式设计。

  • by imabhi123
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 imabhi123/mcp-server

使用说明

SpatialGrid MCP聊天界面

该项目提供了一个现代聊天界面，用于与SpatialGrid MCP（模型上下文协议）服务器进行交互。

概述

该项目由两个主要部分组成：

  1. MCP服务器：一个运行模型上下文协议的Node.js服务器，为空间网格应用程序提供各种工具和资源。
  2. 聊天界面：基于React的前端，提供用户友好的界面与MCP服务器交互。

特性

  • 💬 实时聊天界面
  • 🚀 使用React和Tailwind CSS构建
  • 🔌 与MCP服务器的WebSocket通信
  • 📱 适用于所有屏幕尺寸的响应式设计
  • ✨ 响应的Markdown渲染

快速开始

最简单的入门方法是运行安装脚本：

# Make the script executable if it isn't already
chmod +x setup.sh

# Run the setup script
./setup.sh

这将：

  1. 安装所有依赖项
  2. 构建前端
  3. 启动服务器

运行后，您可以访问聊天界面 http://localhost:3001.

手动设置

如果您更喜欢手动设置项目：

前端

# Navigate to the frontend directory
cd frontend

# Install dependencies
npm install

# Start development mode (separate React and proxy servers)
npm run dev

# OR build for production and start the server
npm run build
npm run server

项目结构

  • index.js -主MCP服务器
  • frontend/ -React前端应用程序
    • src/ -React源代码
    • public/ -静态资产
    • server.js -WebSocket代理服务器

MCP工具

MCP服务器提供各种工具，您可以通过聊天界面访问，包括：

  • 基本计算
  • MongoDB集合管理
  • 资产管理
  • 项目创建和管理
  • 经验出版

许可证

麻省理工学院

相关 MCP