mcpField
S
SpatialGrid MCP Chat Interface

SpatialGrid MCP Chat Interface

本地服务
github.com/imabhi123AI 与智能体078 周前更新
代码仓库

关于 SpatialGrid MCP Chat Interface

这是面向空间网格应用的 React 聊天界面，并配有 Node.js MCP 服务。用户可通过 WebSocket 聊天调用服务端工具和资源，回复支持 Markdown 渲染。

主要功能

  1. 01实时聊天界面
  2. 02通过 WebSocket 连接服务端
  3. 03响应式 React 前端
  4. 04Markdown 回复渲染
  5. 05空间网格工具和资源

适用场景

  1. 01通过聊天执行计算
  2. 02管理 MongoDB 集合
  3. 03管理资产和项目
  4. 04发布体验

MCP 相关

项目包含一个 Node.js MCP 服务，为空间网格应用提供工具和资源。React 聊天界面通过 WebSocket 与服务端通信。

#mcp-server#chat-interface#spatial-grid

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址，请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

SpatialGrid MCP 聊天界面

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

概述

本项目由两部分组成：

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

功能

  • 💬 实时聊天界面
  • 🚀 使用 React 和 Tailwind CSS 构建
  • 🔌 通过 WebSocket 与 MCP 服务通信
  • 📱 适配所有屏幕尺寸的响应式设计
  • ✨ 支持渲染 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 集合管理
  • 资产管理
  • 项目创建和管理
  • 体验发布

许可证

MIT

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。