โโโโโโโ โโโ โโโโโโ โโโ โโโ โโโโโโโ โโโโโโ โโโโ โโโโโโ โโโ โโโโโโ โโโโโโโโ โโโโโโโโโโโ โโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโ โโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโ โโโโโโโโ โโโโโโโ โโโ โโโโโโโโโโโโโโ โโโโโโ โโโโโโโโโโโโโโโโโโโ โโโโโโโ โโโ โโโโโโโโ โโโโโ โโโ โโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโ โโโ โโโโโโโโโโโ โโโ โโโ โโโโโโโโโโโ โโโโโโ โโโโโโ โโโโโโโ โโโ โโโโโโโโโโโ โโโ โโโโโโโโโโโ โโโ โโโ โโโโโโโโโโ โโโโโโ โโโโโ โโโโโ โโโ โโโโโโโโโโโ
โโโโ โโโโ โโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโ โโโ โโโโโโโโโโโโโโโโโโ
โโโโโ โโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโ
โโโโโโโโโโโโโโ โโโโโโโโ โโโโโโโโโโโโโโ โโโโโโโโโโโ โโโโโโโโโ โโโโโโโโ
โโโโโโโโโโโโโโ โโโโโโโ โโโโโโโโโโโโโโ โโโโโโโโโโโโ โโโโโโโโโโ โโโโโโโโ
โโโ โโโ โโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโ โโโ โโโโโโโ โโโโโโโโโโโ โโโ
โโโ โโโ โโโโโโโโโโ โโโโโโโโโโโโโโโโโโโ โโโ โโโโโ โโโโโโโโโโโ โโโ
An MCP Server for automating the PlayCanvas Editor using an LLM.
[!IMPORTANT]
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
create_entities
modify_entities
duplicate_entities
reparent_entity
delete_entities
list_entities
add_components
remove_components
list_assets
delete_assets
instantiate_template_assets
create_script
set_script_text
script_parse
create_material
set_material_diffuse
add_script_component_script
modify_scene_settings
query_scene_settings
store_search
store_get
store_download
Installation
Run npm install
to install all dependencies.
Install Chrome Extension
- Visit
chrome://extensions/
and enable Developer mode
- Click
Load unpacked
and select the extensions
folder
- Load the PlayCanvas Editor. The extension should be loaded.
Run MCP Server
The MCP Server can be driven by Cursor or Claude Desktop.
[!TIP]
We have found Claude Desktop to be generally more reliable.
Claude Desktop
- Install Claude Desktop.
- Go to
Claude
> Settings
.
- Select
Developer
and then Edit 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.
[!TIP]
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)!
MCP Config JSON File
This is how your config should look:
Windows
{
"mcpServers": {
"playcanvas": {
"command": "cmd",
"args": [
"/c",
"npx",
"tsx",
"C:\\path\\to\\mcp-editor\\src\\server.ts"
]
}
}
}
macOS
{
"mcpServers": {
"playcanvas": {
"command": "npx",
"args": [
"tsx",
"/path/to/mcp-editor/src/server.ts"
]
}
}
}
The MCP server and Chrome extension should now be running. You can enter a command!
[!IMPORTANT]
In Cursor, ensure you have Agent
selected. Ask
and Edit
modes will not recognize the MCP Server.