このプロジェクトは、Claude デスクトップと Cursor IDE で Gluestack コンポーネントを統合するためのモデルコンテキストプロトコル (MCP) サーバーを提供します。

前提条件

• Node.js(v14以上)
• デスクトップアプリケーションまたはカーソルIDE

セットアップ手順

##1. 依存関係のクローンとインストール

統合オプション

Claude デスクトップまたは Cursor IDE でこの MCP サーバーを使用できます。

お問い合わせ

##Option 1: デスクトップの統合

##2. Claudeデスクトップをインストール

既にインストールされていない場合は、Claude Desktopを公式Anthropicウェブサイトからダウンロードしてインストールします。

##3。 ClaudeデスクトップMCPの設定 サーバー

このMCPサーバーをClaudeデスクトップ設定ファイルに追加する必要があります。

macOSとLinux用の####:

カーソルエディタの使用:

VSコードの使用:

Windows用の####:

VSコードの使用:

##4. 設定ファイルの更新

claude_desktop_config.json ファイルに次の設定を追加します。

macOSとLinux用の####:

Windows用の####:

##5. MCPサーバーを起動する

プロジェクトディレクトリに移動して実行します。

##6. 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