PlayCanvas Editor MCP Server

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

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

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

Related MCP server: HostBridge MCP Server

Instalación

Ejecute npm install para instalar todas las dependencias.

Instalar la extensión de Chrome

1. Visita chrome://extensions/ y habilita el modo de desarrollador

2. Haga clic en Load unpacked y seleccione la carpeta extensions

3. 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

1. Instalar Claude Desktop .

2. Vaya a Claude > Settings .

3. Seleccione Developer y luego Edit Config .

4. Esto abrirá claude_desktop_config.json , su archivo JSON de configuración de MCP.

Cursor

1. Instalar Cursor .

2. Seleccione File > Preferences > Cursor Settings .

3. Haga clic en + Add new global MCP server .

4. 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:

1. Activa una pestaña de Chrome que ejecute el editor PlayCanvas.

2. Seleccione el icono de Extensiones a la derecha de la barra de direcciones.

3. Seleccione la extensión MCP del editor PlayCanvas para abrir la ventana emergente de la extensión.

4. 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.