The PlayCanvas Editor MCP Server enables automation of the PlayCanvas Editor using an LLM (Large Language Model).
Entity Management: Create, modify, duplicate, reparent, delete, and list entities. Add or remove components to entities, and manage scripts within script components.
Asset Management: Create, list, delete, and instantiate various asset types (CSS, folder, HTML, material, script, shader, template, text). Modify material properties and update script text.
Scene Settings: Query and modify scene settings, including render and physics configurations.
Store Interaction: Search, retrieve, and download assets from the PlayCanvas store, managing licenses and attribution.
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.
An MCP Server for automating the PlayCanvas Editor using an LLM.
At the moment, the MCP Server needs to be driven by Anthropic's Claude. Our experience shows that the free tier for Claude does not deliver a big enough chat context to operate the MCP Server reliably. Therefore, we strongly recommend subscribing to a Pro Claude account.
Available Tools
Entity
list_entitiescreate_entitiesdelete_entitiesduplicate_entitiesmodify_entitiesreparent_entityadd_componentsremove_componentsadd_script_component_script
Asset
list_assetscreate_assetsdelete_assetsinstantiate_template_assetsset_script_textscript_parseset_material_diffuse
Scene
query_scene_settingsmodify_scene_settings
Store
store_searchstore_getstore_download
Related MCP server: Playwright MCP
Installation
Run npm install to install all dependencies.
Install Chrome Extension
Visit
chrome://extensions/and enable Developer modeClick
Load unpackedand select theextensionsfolderLoad the PlayCanvas Editor. The extension should be loaded.
Run MCP Server
The MCP Server can be driven by Cursor or Claude Desktop.
We have found Claude Desktop to be generally more reliable.
Claude Desktop
Install Claude Desktop.
Go to
Claude>Settings.Select
Developerand thenEdit Config.This will open
claude_desktop_config.json, your MCP Config JSON file.
Cursor
Install Cursor.
Select
File>Preferences>Cursor Settings.Click
+ Add new global MCP server.This will open
mcp.json, your MCP Config JSON file.
Also in Cursor Settings, select Features and scroll to the Chat section. Activate Enable auto-run mode to allow the LLM to run MCP tools without requiring constant authorization. You do this at your own risk (but we prefer it)!
In Cursor, ensure you have Agent selected. Ask and Edit modes will not recognize the MCP Server.
MCP Config JSON File
This is how your config should look:
Windows
macOS
Connecting the Editor to the MCP Server
The PlayCanvas Editor does not connect to the MCP Server automatically. To connect:
Activate a Chrome tab running the PlayCanvas Editor.
Select the Extensions icon to the right of the address bar.
Select PlayCanvas Editor MCP Extension to open the extension popup.
Select
CONNECT(the port number should match what is set in your MCP Config JSON File).
You can currently only connect one instance of the PlayCanvas Editor to the MCP Server at any one time.
You should now be able to issue commands in Claude Desktop or Cursor.