MCP-Editor

Name: MCP-Editor
Author: playcanvas

@playcanvas

リポジトリ

MCP-Editor について

MCP Server for AI automation of the PlayCanvas Editor

#javascript #webgl #typescript #mcp #playcanvas #webgpu #webxr #mcp-server #vibe-coding

基本情報

カテゴリ

その他

ライセンス

MIT

ランタイム

node

トランスポート

stdio

公開者

playcanvas

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "playcanvas": {
      "command": "npx",
      "args": [
        "tsx",
        "/path/to/editor-mcp-server/src/server.ts"
      ],
      "env": {
        "PORT": "52000"
      }
    }
  }
}

ツール

`list_entities`

`list_assets`

`query_scene_settings`

`store_search`

`capture_viewport`

概要

What is MCP-Editor?

MCP-Editor is an MCP server for automating the PlayCanvas Editor using an LLM. It provides tools for entity, asset, scene, store, viewport, and runtime management, enabling an LLM to interact with a PlayCanvas project. It is designed for developers who want to use Claude (recommended) to control the editor programmatically.

How to use MCP-Editor?

Install dependencies with npm install, then load the Chrome extension from the extension folder in chrome://extensions/. Configure the MCP server in Claude Desktop or Cursor by editing claude_desktop_config.json or mcp.json with the command npx tsx /path/to/src/server.ts and the env variable PORT: "52000". Finally, open the PlayCanvas Editor tab, click the extension icon, and select CONNECT with the matching port number.

Key features of MCP-Editor

Automate the PlayCanvas Editor via an LLM.
Full tool set for entity, asset, and scene operations.
Runtime tools drive a live Launch instance.
Consistent response envelope with meta.status and pagination.
Read-only, destructive, and open-world tool annotations.
Viewport capture returns image and text blocks.

Use cases of MCP-Editor

Create, modify, and delete entities in a PlayCanvas scene.
Modify scene settings like ambient light or skybox.
Capture viewport screenshots for visual verification.
Start a runtime, inject keyboard/mouse input, and read logs.
Search, get, and download assets from the PlayCanvas Store.

FAQ from MCP-Editor

Which LLM client is required to use MCP-Editor?

MCP-Editor currently needs to be driven by Anthropic's Claude. A Pro Claude account is strongly recommended, as the free tier's chat context may be too small for reliable operation.

Do I need to allow pop-ups for the editor?

Yes, you must allow pop-ups for the PlayCanvas Editor origin; otherwise the launch_start tool cannot open the launch window.

Can I connect multiple editor instances at once?

No, you can currently only connect one instance of the PlayCanvas Editor to the MCP Server at any one time.

How do I set up the Chrome extension and MCP config?

Install the extension from the extension folder via chrome://extensions/, then configure the server command in your MCP config JSON file (claude_desktop_config.json for Claude Desktop, or mcp.json for Cursor) with npx tsx and port 52000.

How does MCP-Editor handle errors?

Errors are never in a top-level error field. Instead, the envelope sets meta.status to "error" and provides an actionable message in meta.message. Read-only tools declare a readOnlyHint, destructive tools declare a destructiveHint, and store tools declare an openWorldHint.