Этот проект предоставляет сервер Model Context Protocol (MCP) для интеграции компонентов Gluestack с Claude Desktop и Cursor IDE.

Предпосылки

Node.js (v14 или выше) Приложение Claude Desktop или Cursor IDE

Инструкции по установке

###1 Клонирование и установка зависимостей

Варианты интеграции

Вы можете использовать этот MCP-сервер с помощью Claude Desktop или Cursor IDE:

Вариант 1: Интеграция рабочего стола Claude

###2 Установить Claude Desktop

Загрузите и установите Claude Desktop с официального сайта Anthropic, если вы еще этого не сделали.

###3 Настройка Claude Desktop MCP сервер

Вы должны добавить этот MCP-сервер в файл конфигурации Claude Desktop.

Для macOS и Linux:

**Использование редактора: **

** Использование VS-кода: **

для Windows:

** Использование VS-кода: **

###4 Обновление файла конфигурации

Добавьте следующую конфигурацию в файл claude_desktop_config.json:

Для macOS и Linux:

для Windows:

###5 Запустите MCP-сервер

Перейдите в каталог проекта и запустите:

###6 Перезагрузить Клод Десктоп

Закройте и откройте приложение Claude Desktop. Теперь вы должны увидеть MCP-сервер, указанный в меню доступных инструментов.

###Проверка для Claude Desktop

Gluestack Components MCP Server

This project provides a Model Context Protocol (MCP) server for integrating Gluestack components with Claude Desktop and Cursor IDE.

Prerequisites

• Node.js (v14 or higher)
• Claude Desktop application OR Cursor IDE

Setup Instructions

1. Clone and Install Dependencies

git clone 
cd 
npm install

Integration Options

You can use this MCP server with either Claude Desktop or Cursor IDE:

---

Option 1: Claude Desktop Integration

2. Install Claude Desktop

Download and install Claude Desktop from the official Anthropic website if you haven’t already.

3. Configure Claude Desktop MCP Server

You need to add this MCP server to your Claude Desktop configuration file.

For macOS and Linux:

Using Cursor Editor:

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

Using VS Code:

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

For Windows:

Using VS Code:

code $env:AppData\Claude\claude_desktop_config.json

4. Update Configuration File

Add the following configuration to your claude_desktop_config.json file:

For macOS and Linux:

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

For Windows:

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

5. Start the MCP Server

Navigate to your project directory and run:

node index.js

6. Restart Claude Desktop

Close and reopen Claude Desktop application. You should now see the MCP server listed in the available tools menu.

Verification for Claude Desktop

After following the setup steps:

1. Open Claude Desktop
2. Look for the MCP server in the tools menu, just below the input where you enter your prompt
3. You should see “your-mcp-server-name” listed as an available MCP server

---

Option 2: Cursor IDE Integration

2. Start the MCP Server

First, start the MCP server by running:

node index.js

3. Setup MCP in Cursor

1. Open Cursor IDE
2. Navigate to Settings (top right corner)
3. Select MCP from the settings menu
4. Click Add MCP to add a new MCP server

4. Configure MCP Server in Cursor

Add the following configuration to your mcp.json file in Cursor:

For macOS and Linux:

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

For Windows:

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

5. Complete Setup