What is Mcp Remote Server

mcp-remote-server is a Node.js implementation of the BluestoneApps Coding Standards and Examples MCP server, providing access to React Native coding standards and code examples through the Model Context Protocol (MCP).

Use cases

Use cases include providing coding standards and examples for React Native development, assisting developers in finding code snippets through fuzzy matching, and integrating with IDEs like Windsurf for enhanced coding experiences.

How to use

To use mcp-remote-server, clone the repository, install dependencies using ‘npm install’, build the project with ‘npm run build’, and start the server using ‘npm start’. Configure MCP clients like Windsurf IDE to connect to this server.

Key features

Key features include access to React Native coding standards, various code examples (components, hooks, screens, services, themes), fuzzy matching for example names, and full integration with the MCP protocol.

Where to use

mcp-remote-server can be used in software development environments, particularly for projects involving React Native, where adherence to coding standards and access to examples is crucial.

MCP Remote Server (Node.js Version)

This is a Node.js implementation of the BluestoneApps Coding Standards and Examples MCP server.

Overview

This MCP server provides access to React Native coding standards and code examples through the Model Context Protocol (MCP). It can be used with MCP clients like Windsurf IDE.

Features

• Access to React Native coding standards
• Component, hook, screen, service, and theme code examples
• Fuzzy matching for finding examples by name
• Full integration with the MCP protocol

Installation

1. Clone this repository
2. Install dependencies:

   npm install
   

3. Build the project:

   npm run build
   

Usage

Start the server:

npm start

To use with MCP clients, configure them to connect to this server.

Tools

The server provides the following tools:

• get_project_structure: Get project structure standards
• get_api_communication: Get API communication standards
• get_component_design: Get component design standards
• get_state_management: Get state management standards
• get_component_example: Get a specific component example
• get_hook_example: Get a specific hook example
• get_service_example: Get a specific service example
• get_screen_example: Get a specific screen example
• get_theme_example: Get a specific theme example
• list_available_examples: List all available code examples

Configuring with MCP Clients

For Windsurf IDE, update the mcp_config.json with:

{
  "servers": {
    "bluestoneapps": {
      "command": "node",
      "args": [
        "/path/to/build/index.js"
      ],
      "description": "BluestoneApps Coding Standards and Examples",
      "displayName": "BluestoneApps MCP Server",
      "timeout": 30000
    }
  }
}