Editor MCP Server

🚀 Automated MCP Server for PlayCanvas Editor

Automate the MCP server of the PlayCanvas Editor using large language models (LLMs).

⚠️ Important Note

Currently, the MCP server needs to be powered by Anthropic's Claude. Our experience shows that the free tier of Claude does not provide a large enough context window to run the MCP server reliably. Therefore, we highly recommend subscribing to a Pro Claude account.

✨ Features

Available Tools

• Entities
  • list_entities
  • create_entities
  • delete_entities
  • duplicate_entities
  • modify_entities
  • reparent_entity
  • add_components
  • remove_components
  • add_script_component_script
• Assets
  • list_assets
  • create_assets
  • delete_assets
  • instantiate_template_assets
  • set_script_text
  • script_parse
  • set_material_diffuse
• Scenes
  • query_scene_settings
  • modify_scene_settings
• Storage
  • store_search
  • store_get
  • store_download

📦 Installation

Install Dependencies

Run npm install to install all dependencies.

Install Chrome Extension

1. Visit chrome://extensions/ and enable developer mode.
2. Click Load unpacked and select the extensions folder.
3. Load the PlayCanvas Editor. The Chrome extension should be loaded.

Run MCP Server

The MCP server can be powered by Cursor or Claude Desktop.

💡 Usage Tip

We find that Claude Desktop is generally more reliable.

Claude Desktop

1. Install Claude Desktop.
2. Go to Claude > Settings.
3. Select Developer and then Edit Config.
4. This will open claude_desktop_config.json, your MCP configuration JSON file.

Cursor

1. Install Cursor.
2. Select File > Preferences > Cursor Settings.
3. Click + Add new global MCP server.
4. This will open mcp.json, your MCP configuration JSON file.

💡 Usage Tip

In Cursor settings, scroll to the Chat section under Features. Enable Enable auto - run mode to allow the LLM to run MCP tools without continuous authorization. You do this at your own risk (but we prefer it this way)!

⚠️ Important Note

In Cursor, make sure to select Agent mode. Ask and Edit modes will not recognize the MCP server.

MCP Configuration JSON File

This is what your configuration file should look like:

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"
      }
    }
  }
}

🚀 Quick Start

Connect Editor to MCP Server

The PlayCanvas Editor does not automatically connect to the MCP server. To connect:

1. Activate the Chrome tab running the PlayCanvas Editor.
2. Select the extension icon on the right side of the address bar.
3. Select the PlayCanvas Editor MCP extension to open the extension popup.
4. Select CONNECT (the port number should match the one you set in the MCP configuration JSON file).

⚠️ Important Note

Currently, you can only connect one instance of the PlayCanvas Editor to the MCP server.