返回 MCP 目录
public公开dns本地运行

BluestoneApps React Native Standards

Node.js实现的MCP远程服务器,提供React Native编码标准和代码示例

article

README

🚀 MCP 远程服务器(Node.js 版本)

本项目是一个基于 Node.js 实现的 MCP 服务器,它遵循 BluestoneApps 编码标准,提供了丰富的 React Native 编码标准和代码示例,能与 MCP 客户端协同工作,为开发者带来便捷的开发体验。

🚀 快速开始

MCP 服务器借助模型上下文协议 (MCP) 实现对 React Native 编码标准和代码示例的访问,可与 MCP 客户端(如 Windsurf IDE)搭配使用。

启动服务器:

npm start

若要与 MCP 客户端一起使用,需配置它们连接到此服务器。

✨ 主要特性

  • 可访问 React Native 编码标准。
  • 提供组件、钩子、屏幕、服务和主题的代码示例。
  • 支持模糊匹配,能通过名称查找示例。
  • 与 MCP 协议完全集成。

📦 安装指南

  1. 克隆此仓库:
    git clone <repository-url>
    
  2. 安装依赖项:
    npm install
    
  3. 构建项目:
    npm run build
    

💻 使用示例

基础用法

启动服务器:

npm start

高级用法

若要与 MCP 客户端(如 Windsurf IDE)一起使用,需进行如下配置: 对于 Windsurf IDE,请更新 mcp_config.json

{
  "servers": {
    "bluestoneapps": {
      "command": "node",
      "args": ["/path/to/build/index.js"],
      "description": "BluestoneApps 编码标准和示例",
      "displayName": "BluestoneApps MCP 服务器",
      "timeout": 30000
    }
  }
}

📚 详细文档

该服务器提供以下工具: | 工具名称 | 详情 | | ---- | ---- | | get_project_structure | 获取项目结构标准 | | get_api_communication | 获取 API 通信标准 | | get_component_design | 获取组件设计标准 | | get_state_management | 获取状态管理标准 | | get_component_example | 获取特定组件示例 | | get_hook_example | 获取特定钩子示例 | | get_service_example | 获取特定服务示例 | | get_screen_example | 获取特定屏幕示例 | | get_theme_example | 获取特定主题示例 | | list_available_examples | 列出所有可用代码示例 |

help

运行方式说明

cloud

托管运行

托管运行通常表示这个 MCP Server 由服务方环境承载,用户一般按页面提供的连接方式或授权流程接入,不需要在本地长期启动一个 MCP 进程

  1. 打开服务方连接页
  2. 完成授权或复制端点
  3. 在 MCP 客户端中连接
terminal

本地运行 / 其它方式

本地运行通常需要用户在自己的电脑或服务器上安装依赖,把 server_config 复制到 MCP 客户端,并按 env_schema 补齐环境变量、密钥或其它配置

  1. 复制 server_config
  2. 安装所需依赖
  3. 补齐环境变量后重启客户端