返回市场
MCP服务器

MCP服务器

作者:gluestack27 星标更新:2025-05-26

项目介绍

Gluestack 组件 MCP 服务器

本项目提供了一个模型上下文协议(MCP)服务器,用于将 Gluestack 组件与 Claude Desktop 和 Cursor IDE 集成。

前提条件

  • Node.js(v14 或更高版本)
  • Claude Desktop 应用程序 或 Cursor IDE

安装指南

1. 克隆并安装依赖

git clone <repository-url>
cd <project-directory>
npm install

集成选项

您可以使用此 MCP 服务器与 Claude Desktop 或 Cursor IDE 集成:


选项 1:Claude Desktop 集成

2. 安装 Claude Desktop

如果您尚未安装,请从官方 Anthropic 网站下载并安装 Claude Desktop。

3. 配置 Claude Desktop MCP 服务器

您需要将此 MCP 服务器添加到您的 Claude Desktop 配置文件中。

对于 macOS 和 Linux:

使用 Cursor 编辑器:

cursor ~/Library/Application\ Support/Claude/claude_desktop_config.json

使用 VS Code:

code ~/Library/Application\ Support/Claude/claude_desktop_config.json

对于 Windows:

使用 VS Code:

code $env:AppData\Claude\claude_desktop_config.json

4. 更新配置文件

将以下配置添加到您的 claude_desktop_config.json 文件中:

对于 macOS 和 Linux:

{
  "mcpServers": {
    "your-mcp-server-name": {
      "command": "node",
      "args": ["/complete/path/to/your/project/index.js"]
    }
  }
}

对于 Windows:

{
  "mcpServers": {
    "your-mcp-server-name": {
      "command": "node",
      "args": ["C:\\complete\\path\\to\\your\\project\\index.js"]
    }
  }
}

5. 启动 MCP 服务器

导航到您的项目目录并运行:

node index.js

6. 重启 Claude Desktop

关闭并重新打开 Claude Desktop 应用程序。您现在应该在可用工具菜单中看到 MCP 服务器。

Claude Desktop 验证

完成设置步骤后:

  1. 打开 Claude Desktop
  2. 在输入提示的地方下方查找 MCP 服务器
  3. 您应看到 "your-mcp-server-name" 列为可用的 MCP 服务器

选项 2:Cursor IDE 集成

2. 启动 MCP 服务器

首先,通过运行以下命令启动 MCP 服务器:

node index.js

3. 在 Cursor 中设置 MCP

  1. 打开 Cursor IDE
  2. 导航到 设置(右上角)
  3. 从设置菜单中选择 MCP
  4. 点击 添加 MCP 以添加新的 MCP 服务器

4. 在 Cursor 中配置 MCP 服务器

将以下配置添加到您的 mcp.json 文件中:

对于 macOS 和 Linux:

{
  "mcpServers": {
    "your-mcp-server-name": {
      "command": "node",
      "args": ["/complete/path/to/your/project/index.js"]
    }
  }
}

对于 Windows:

{
  "mcpServers": {
    "your-mcp-server-name": {
      "command": "node",
      "args": ["C:\\complete\\path\\to\\your\\project\\index.js"]
    }
  }
}

5. 完成设置

现在,MCP 服务器将在您的 Cursor IDE 项目中直接可用。您可以在开发工作流中使用 Gluestack 组件集成。

Cursor 验证

设置完成后:

  1. 检查 MCP 服务器是否出现在 Cursor 的 MCP 设置中
  2. 验证服务器是否无错误运行
  3. 在项目中测试集成