Servidor MCP del editor PlayCanvas

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.

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

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

Un servidor MCP para automatizar el editor PlayCanvas utilizando un LLM.

[!IMPORTANTE]
Actualmente, el servidor MCP debe ser gestionado por Claude de Anthropic. Nuestra experiencia demuestra que la versión gratuita de Claude no ofrece un contexto de chat lo suficientemente amplio como para operar el servidor MCP de forma fiable. Por lo tanto, recomendamos encarecidamente suscribirse a una cuenta Pro de Claude.

Herramientas disponibles

Entidad
- list_entities
- create_entities
- delete_entities
- duplicate_entities
- modify_entities
- reparent_entity
- add_components
- remove_components
- add_script_component_script
Activo
- list_assets
- create_assets
- delete_assets
- instantiate_template_assets
- set_script_text
- script_parse
- set_material_diffuse
Escena
- query_scene_settings
- modify_scene_settings
Almacenar
- store_search
- store_get
- store_download

Instalación

Ejecute npm install para instalar todas las dependencias.

Instalar la extensión de Chrome

Visita chrome://extensions/ y habilita el modo de desarrollador
Haga clic en Load unpacked y seleccione la carpeta extensions
Cargue el editor PlayCanvas. La extensión debería estar cargada.

Ejecutar el servidor MCP

El servidor MCP puede ser controlado por Cursor o Claude Desktop.

[!CONSEJO]
Hemos descubierto que Claude Desktop es, en general, más confiable.

Escritorio de Claude

Instalar Claude Desktop .
Vaya a Claude > Settings .
Seleccione Developer y luego Edit Config .
Esto abrirá claude_desktop_config.json , su archivo JSON de configuración de MCP.

Cursor

Instalar Cursor .
Seleccione File > Preferences > Cursor Settings .
Haga clic en + Add new global MCP server .
Esto abrirá mcp.json , su archivo JSON de configuración de MCP.

[!CONSEJO]
También en Cursor Settings , seleccione Features y desplácese hasta la sección Chat . Active Enable auto-run mode para que LLM pueda ejecutar herramientas MCP sin necesidad de autorización constante. ¡Lo hace bajo su propia responsabilidad (pero lo preferimos)!

[!IMPORTANTE]
En el cursor, asegúrese de tener seleccionado Agent . Los modos Ask y Edit no reconocerán el servidor MCP.

Archivo JSON de configuración de MCP

Así es como debería verse tu configuración:

Ventanas

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

Conexión del editor al servidor MCP

El editor PlayCanvas no se conecta automáticamente al servidor MCP. Para conectar:

Activa una pestaña de Chrome que ejecute el editor PlayCanvas.
Seleccione el icono de Extensiones a la derecha de la barra de direcciones.
Seleccione la extensión MCP del editor PlayCanvas para abrir la ventana emergente de la extensión.
Seleccione CONNECT (el número de puerto debe coincidir con lo configurado en su archivo JSON de configuración de MCP).

[!NOTA] Actualmente solo puedes conectar una instancia del Editor PlayCanvas al servidor MCP a la vez.

Ahora debería poder emitir comandos en Claude Desktop o Cursor.

You must be authenticated.

A

security – no known vulnerabilities

A

license - permissive license

A

quality - confirmed to work

Un servidor MCP que permite a los LLM crear aplicaciones web 3D en tiempo real en el editor PlayCanvas.

PlayCanvas Editor MCP Server