PlayCanvas Editor MCP 서버

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.

지엑스피1

LLM을 사용하여 PlayCanvas Editor를 자동화하기 위한 MCP 서버입니다.

[!중요한]
현재 MCP 서버는 Anthropic의 Claude가 운영해야 합니다. 저희 경험상 Claude 무료 티어는 MCP 서버를 안정적으로 운영하기에 충분히 큰 채팅 환경을 제공하지 못합니다. 따라서 Pro Claude 계정 구독을 강력히 권장합니다.

사용 가능한 도구

실재
- list_entities
- create_entities
- delete_entities
- duplicate_entities
- modify_entities
- reparent_entity
- add_components
- remove_components
- add_script_component_script
유산
- list_assets
- create_assets
- delete_assets
- instantiate_template_assets
- set_script_text
- script_parse
- set_material_diffuse
장면
- query_scene_settings
- modify_scene_settings
가게
- store_search
- store_get
- store_download

설치

npm install 실행하여 모든 종속성을 설치합니다.

크롬 확장 프로그램 설치

chrome://extensions/ 방문하여 개발자 모드를 활성화하세요.
Load unpacked 클릭하고 extensions 폴더를 선택하세요.
PlayCanvas Editor를 로드하세요. 확장 프로그램이 로드되어야 합니다.

MCP 서버 실행

MCP 서버는 Cursor 또는 Claude Desktop으로 구동될 수 있습니다.

[!팁]
우리는 Claude Desktop이 전반적으로 더 안정적이라고 생각합니다.

클로드 데스크탑

Claude Desktop을 설치하세요.
Claude > Settings 으로 이동합니다.
Developer 선택한 다음 Edit Config 선택합니다.
이렇게 하면 MCP 구성 JSON 파일인 claude_desktop_config.json 열립니다.

커서

커서를 설치하세요.
File > Preferences > Cursor Settings 선택합니다.
+ Add new global MCP server 클릭합니다.
이렇게 하면 MCP Config JSON 파일인 mcp.json 열립니다.

[!팁]
Cursor Settings 에서 Features 선택하고 Chat 섹션으로 스크롤합니다. Enable auto-run mode 활성화하면 LLM이 지속적인 권한 부여 없이도 MCP 도구를 실행할 수 있습니다. 이 설정은 사용자 본인의 책임입니다(하지만 저희는 이 설정을 권장합니다)!

[!중요한]
커서에서 Agent 선택되어 있는지 확인하세요. Ask 및 Edit 모드에서는 MCP 서버가 인식되지 않습니다.

MCP 구성 JSON 파일

구성은 다음과 같습니다.

윈도우

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

맥OS

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

편집기를 MCP 서버에 연결

PlayCanvas Editor는 MCP 서버에 자동으로 연결되지 않습니다. 연결하려면:

PlayCanvas Editor를 실행하는 Chrome 탭을 활성화합니다.
주소 표시줄 오른쪽에 있는 확장 프로그램 아이콘을 선택하세요.
PlayCanvas Editor MCP 확장 프로그램을 선택하여 확장 팝업을 엽니다.
CONNECT 선택합니다(포트 번호는 MCP Config JSON 파일에 설정된 번호와 일치해야 합니다).

[!참고] 현재 MCP 서버에는 PlayCanvas Editor의 인스턴스를 한 개만 연결할 수 있습니다.

이제 Claude Desktop이나 Cursor에서 명령을 내릴 수 있습니다.

You must be authenticated.

A

security – no known vulnerabilities

A

license - permissive license

A

quality - confirmed to work

PlayCanvas Editor에서 LLM이 실시간 3D 웹 애플리케이션을 구축할 수 있도록 하는 MCP 서버입니다.

PlayCanvas Editor MCP Server