Editor MCP Server

🚀 PlayCanvas エディタの自動化 MCP サーバー

大規模言語モデル (LLM) を使用して、PlayCanvas エディタ の MCP サーバーを自動化します。

⚠️ 重要提示

現在、MCP サーバーは Anthropic の Claude で駆動する必要があります。私たちの経験では、Claude の無料層で提供されるコンテキストウィンドウは、MCP サーバーを安定して動作させるには不十分です。したがって、Pro Claude アカウントのサブスクリプションを強くおすすめします。

✨ 主な機能

利用可能なツール

エンティティ

• list_entities
• create_entities
• delete_entities
• duplicate_entities
• modify_entities
• reparent_entity
• add_components
• remove_components
• add_script_component_script

アセット

• list_assets
• create_assets
• delete_assets
• instantiate_template_assets
• set_script_text
• script_parse
• set_material_diffuse

シーン

• query_scene_settings
• modify_scene_settings

ストレージ

• store_search
• store_get
• store_download

📦 インストール

依存関係のインストール

npm install を実行して、すべての依存関係をインストールします。

Chrome 拡張機能のインストール

1. chrome://extensions/ にアクセスし、開発者モードを有効にします。
2. パッケージ化されていない拡張機能を読み込む をクリックし、extensions フォルダを選択します。
3. PlayCanvas エディタを読み込みます。Chrome 拡張機能が読み込まれているはずです。

MCP サーバーの実行

MCP サーバーは、Cursor または Claude Desktop で駆動できます。

💡 使用建议

Claude Desktop の方が通常、より安定して動作することがわかっています。

Claude Desktop

1. Claude Desktop をインストールします。
2. Claude > 設定 に移動します。
3. 開発者 を選択し、設定を編集 を選択します。
4. これにより、claude_desktop_config.json（MCP 設定 JSON ファイル）が開きます。

Cursor

1. Cursor をインストールします。
2. ファイル > 設定 > Cursor 設定 を選択します。
3. + 新しいグローバル MCP サーバーを追加 をクリックします。
4. これにより、mcp.json（MCP 設定 JSON ファイル）が開きます。

💡 使用建议

Cursor の設定で、機能 の下の チャット セクションまでスクロールし、自動実行モードを有効にする を有効にすると、LLM が継続的な承認なしで MCP ツールを実行できます。ただし、この操作は自己責任で行ってください（私たちはこの方法を好んでいます）！

⚠️ 重要提示

Cursor では、エージェント モードを選択するようにしてください。問い合わせ および 編集 モードでは、MCP サーバーを認識できません。

MCP 設定 JSON ファイル

これが設定ファイルの例です。

Windows

{
  "mcpServers": {
    "playcanvas": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "tsx",
        "C:\\path\\to\\mcp-editor\\src\\server.ts"
      ],
      "env": {
        "PORT": "52000"
      }
    }
  }
}

macOS

{
  "mcpServers": {
    "playcanvas": {
      "command": "npx",
      "args": [
        "tsx",
        "/path/to/mcp-editor/src/server.ts"
      ],
      "env": {
        "PORT": "52000"
      }
    }
  }
}

エディタを MCP サーバーに接続する

PlayCanvas エディタは、自動的に MCP サーバーに接続されません。接続するには、以下の手順を実行します。

1. PlayCanvas エディタを実行している Chrome タブをアクティブにします。
2. アドレスバーの右側にある拡張機能アイコンを選択します。
3. PlayCanvas Editor MCP 拡張機能を選択して、拡張機能のポップアップを開きます。
4. 接続 を選択します（ポート番号は、MCP 設定 JSON ファイルで設定したポートと一致する必要があります）。

⚠️ 重要提示

現在、1 つの PlayCanvas エディタインスタンスのみを MCP サーバーに接続できます。