Skip to main content
Glama

PlayCanvas Editor MCP Server

Official
by playcanvas
██████╗ ██╗ █████╗ ██╗ ██╗ ██████╗ █████╗ ███╗ ██╗██╗ ██╗ █████╗ ███████╗ ██╔══██╗██║ ██╔══██╗╚██╗ ██╔╝██╔════╝██╔══██╗████╗ ██║██║ ██║██╔══██╗██╔════╝ ██████╔╝██║ ███████║ ╚████╔╝ ██║ ███████║██╔██╗ ██║██║ ██║███████║███████╗ ██╔═══╝ ██║ ██╔══██║ ╚██╔╝ ██║ ██╔══██║██║╚██╗██║╚██╗ ██╔╝██╔══██║╚════██║ ██║ ███████╗██║ ██║ ██║ ╚██████╗██║ ██║██║ ╚████║ ╚████╔╝ ██║ ██║███████║ ╚═╝ ╚══════╝╚═╝ ╚═╝ ╚═╝ ╚═════╝╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═══╝ ╚═╝ ╚═╝╚══════╝ ███╗ ███╗ ██████╗██████╗ ███████╗███████╗██████╗ ██╗ ██╗███████╗██████╗ ████╗ ████║██╔════╝██╔══██╗ ██╔════╝██╔════╝██╔══██╗██║ ██║██╔════╝██╔══██╗ ██╔████╔██║██║ ██████╔╝ ███████╗█████╗ ██████╔╝██║ ██║█████╗ ██████╔╝ ██║╚██╔╝██║██║ ██╔═══╝ ╚════██║██╔══╝ ██╔══██╗╚██╗ ██╔╝██╔══╝ ██╔══██╗ ██║ ╚═╝ ██║╚██████╗██║ ███████║███████╗██║ ██║ ╚████╔╝ ███████╗██║ ██║ ╚═╝ ╚═╝ ╚═════╝╚═╝ ╚══════╝╚══════╝╚═╝ ╚═╝ ╚═══╝ ╚══════╝╚═╝ ╚═╝

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. Load unpackedをクリックし、 extensionsフォルダを選択します。
  3. PlayCanvasエディタを読み込みます。拡張機能が読み込まれるはずです。

MCPサーバーを実行する

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

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

クロードデスクトップ
  1. Claude Desktopをインストールします。
  2. Claude > Settingsに移動します。
  3. Developerを選択し、 Edit Config選択します。
  4. これにより、MCP Config JSON ファイルであるclaude_desktop_config.jsonが開きます。
カーソル
  1. カーソルをインストールします。
  2. File > Preferences > Cursor Settingsを選択します。
  3. + Add new global MCP serverクリックします。
  4. これにより、MCP Config JSON ファイルであるmcp.json開きます。

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

[!重要]
カーソルでAgentが選択されていることを確認してください。 AskEditモードでは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サーバに自動的に接続しません。接続するには:

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

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

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

Install Server
A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

local-only server

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

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

  1. インストール
    1. Chrome拡張機能をインストールする
    2. MCPサーバーを実行する
  2. エディターをMCPサーバーに接続する

    Related MCP Servers

    • A
      security
      F
      license
      A
      quality
      A server that enables browser automation using Playwright, allowing interaction with web pages, capturing screenshots, and executing JavaScript in a browser environment through LLMs.
      Last updated -
      12
      10,911
      1
      TypeScript
    • -
      security
      A
      license
      -
      quality
      An MCP server that connects any MCP client (like Claude or Cursor) with the browser using browser-use, allowing clients to utilize existing LLMs without requiring additional API keys.
      Last updated -
      32
      Python
      Apache 2.0
    • -
      security
      A
      license
      -
      quality
      A MCP server that provides browser automation tools, allowing users to navigate websites, take screenshots, click elements, fill forms, and execute JavaScript through Playwright.
      Last updated -
      Python
      Apache 2.0
      • Apple
    • -
      security
      -
      license
      -
      quality
      Playwright wrapper for MCP that enables LLM-powered clients to control a browser for automation tasks.
      Last updated -
      Python

    View all related MCP servers

    MCP directory API

    We provide all the information about MCP servers via our MCP API.

    curl -X GET 'https://glama.ai/api/mcp/v1/servers/playcanvas/editor-mcp-server'

    If you have feedback or need assistance with the MCP directory API, please join our Discord server