이 프로젝트는 Claude Desktop 및 Cursor IDE를 사용하여 Gluestack 구성 요소를 통합하기위한 Model Context Protocol (MCP) 서버를 제공합니다.

필수품

• Node.js (v14 이상)
• Claude 데스크탑 응용 프로그램 또는 Cursor IDE

설치 설명서

##1. 외계인 및 종속성 설치

통합 옵션

이 MCP 서버를 Claude Desktop 또는 Cursor IDE로 사용할 수 있습니다.

---

옵션 1: Claude 데스크탑 통합

##2. Claude 데스크탑 설치

Claude 데스크탑을 다운로드하고 설치하면 공식 Anthropic 웹 사이트에서 이미하지 않았습니다.

##3. Claude 데스크탑 MCP 구성 계정 관리

이 MCP 서버를 Claude Desktop 구성 파일에 추가해야합니다.

macOS 및 Linux용 ####:

** 커서 편집기를 사용: **

** VS 코드 사용 : **

Windows를 위한 ####:

** VS 코드 사용 : **

##4. 업데이트 구성 파일

claude_desktop_config.json] 파일에 다음 설정 추가:

macOS 및 Linux용 ####:

Windows를 위한 ####:

##5. MCP 서버 시작

프로젝트 디렉토리에 Navigate 및 실행:

# # # 6. Restart Claude 데스크탑

Claude 데스크톱 응용 프로그램을 닫고 다시 엽니다. MCP 서버가 사용 가능한 도구 메뉴에 나열되어 있어야 합니다.

Claude 데스크탑용 검증

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