PlayCanvas エディタ MCP サーバー

local-only server

The server can only run on the client’s local machine because it depends on local resources.

Integrations

Allows automation of the PlayCanvas Editor, providing tools for entity management, asset handling, script creation/editing, material management, scene settings modification, and asset store interactions within the PlayCanvas development environment.

██████╗ ██╗      █████╗ ██╗   ██╗ ██████╗ █████╗ ███╗   ██╗██╗   ██╗ █████╗ ███████╗
██╔══██╗██║     ██╔══██╗╚██╗ ██╔╝██╔════╝██╔══██╗████╗  ██║██║   ██║██╔══██╗██╔════╝
██████╔╝██║     ███████║ ╚████╔╝ ██║     ███████║██╔██╗ ██║██║   ██║███████║███████╗
██╔═══╝ ██║     ██╔══██║  ╚██╔╝  ██║     ██╔══██║██║╚██╗██║╚██╗ ██╔╝██╔══██║╚════██║
██║     ███████╗██║  ██║   ██║   ╚██████╗██║  ██║██║ ╚████║ ╚████╔╝ ██║  ██║███████║
╚═╝     ╚══════╝╚═╝  ╚═╝   ╚═╝    ╚═════╝╚═╝  ╚═╝╚═╝  ╚═══╝  ╚═══╝  ╚═╝  ╚═╝╚══════╝

███╗   ███╗ ██████╗██████╗        ███████╗███████╗██████╗ ██╗   ██╗███████╗██████╗ 
████╗ ████║██╔════╝██╔══██╗       ██╔════╝██╔════╝██╔══██╗██║   ██║██╔════╝██╔══██╗
██╔████╔██║██║     ██████╔╝       ███████╗█████╗  ██████╔╝██║   ██║█████╗  ██████╔╝
██║╚██╔╝██║██║     ██╔═══╝        ╚════██║██╔══╝  ██╔══██╗╚██╗ ██╔╝██╔══╝  ██╔══██╗
██║ ╚═╝ ██║╚██████╗██║            ███████║███████╗██║  ██║ ╚████╔╝ ███████╗██║  ██║
╚═╝     ╚═╝ ╚═════╝╚═╝            ╚══════╝╚══════╝╚═╝  ╚═╝  ╚═══╝  ╚══════╝╚═╝  ╚═╝

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拡張機能をインストールする

chrome://extensions/にアクセスし、開発者モードを有効にします。
Load unpackedをクリックし、 extensionsフォルダを選択します。
PlayCanvasエディタを読み込みます。拡張機能が読み込まれるはずです。

MCPサーバーを実行する

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

[！ヒント]
一般的に、Claude Desktop の方が信頼性が高いことがわかりました。

クロードデスクトップ

Claude Desktopをインストールします。
Claude > Settingsに移動します。
Developerを選択し、 Edit Config選択します。
これにより、MCP Config JSON ファイルであるclaude_desktop_config.jsonが開きます。

カーソル

カーソルをインストールします。
File > Preferences > Cursor Settingsを選択します。
+ Add new global MCP serverクリックします。
これにより、MCP Config JSON ファイルであるmcp.json開きます。

[！ヒント]
また、 Cursor SettingsでFeaturesを選択し、 Chatセクションまでスクロールします。 Enable auto-run modeを有効にすると、LLMがMCPツールを常時認証なしで実行できるようになります。これは自己責任で行ってください（ただし、推奨します）。

[！重要]
カーソルでAgentが選択されていることを確認してください。 AskとEditモードではMCPサーバーが認識されません。

MCP 構成 JSON ファイル

設定は次のようになります。

ウィンドウズ

{
  "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サーバに自動的に接続しません。接続するには：

PlayCanvas エディタを実行している Chrome タブをアクティブにします。
アドレスバーの右側にある拡張機能アイコンを選択します。
PlayCanvas Editor MCP Extension を選択して拡張機能ポップアップを開きます。
CONNECTを選択します (ポート番号は、MCP Config JSON ファイルで設定されているものと一致する必要があります)。

[!NOTE] 現在、PlayCanvas エディタのインスタンスを一度に 1 つだけ MCP サーバーに接続できます。

これで、Claude Desktop または Cursor でコマンドを発行できるようになります。

You must be authenticated.

A

security – no known vulnerabilities

A

license - permissive license

A

quality - confirmed to work

LLM が PlayCanvas エディタでリアルタイム 3D Web アプリケーションを構築できるようにする MCP サーバー。

PlayCanvas Editor MCP Server