MCP Remote Server (Node.js Version) について
MCP Remote Server (Node.js Version) は、Windsurf IDE などの MCP クライアントを使う開発者向けに、React Native のコーディング規約とコード例を提供します。カテゴリ別の例を備え、名前のあいまい検索にも対応しています。
主な機能
- 01React Native のコーディング規約を提供
- 02コンポーネントとフックの例を取得
- 03画面、サービス、テーマの例を取得
- 04あいまい検索で例を検索
- 05利用可能なコード例を一覧表示
活用シーン
- 01プロジェクト構成の規約を確認
- 02API と状態管理の指針を参照
- 03おおよその名前から例を検索
MCP 対応
React Native の規約やコード例を、ガイドの取得、例の検索、利用可能な例の一覧表示を行うツールとして MCP クライアントに公開します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
MCP Remote Server (Node.js Version)
これは、BluestoneApps のコーディング規約とサンプルを提供する MCP サーバーの Node.js 実装です。
概要
この MCP サーバーは、Model Context Protocol(MCP)を通じて React Native のコーディング規約とコードサンプルにアクセスできるようにします。Windsurf IDE などの MCP クライアントで使用できます。
機能
- React Native のコーディング規約へのアクセス
- コンポーネント、フック、画面、サービス、テーマのコードサンプル
- 名前でサンプルを検索するファジーマッチング
- MCP プロトコルとの完全な統合
インストール
- このリポジトリをクローンします
- 依存関係をインストールします:
npm install - プロジェクトをビルドします:
npm run build
使用方法
サーバーを起動します:
npm start
MCP クライアントで使用するには、このサーバーに接続するよう設定します。
ツール
サーバーは以下のツールを提供します:
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:利用可能なすべてのコードサンプルを一覧表示
MCP クライアントの設定
Windsurf IDE では、mcp_config.json を次のように更新します:
{
"servers": {
"bluestoneapps": {
"command": "node",
"args": ["/path/to/build/index.js"],
"description": "BluestoneApps Coding Standards and Examples",
"displayName": "BluestoneApps MCP Server",
"timeout": 30000
}
}
}
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。