playcanvas_mcp_editor

playcanvas_mcp_editor

by playcanvas
An MCP Server for automating the PlayCanvas Editor using an LLM like Claude.

PlayCanvas Editor Automation MCP Server

Overview

The PlayCanvas Editor Automation MCP Server is a tool designed to automate tasks within the PlayCanvas Editor using a Large Language Model (LLM). This server enables developers to streamline workflows, manage entities, and manipulate assets programmatically.

Key Features

  • AI-Driven Automation: Utilizes Anthropic's Claude for reliable automation.
  • Extensive Toolset: Offers a wide range of tools for entity and asset management.
  • Cross-Platform Compatibility: Supports both Windows and macOS.

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

Prerequisites

  • Node.js: Ensure Node.js is installed on your system.
  • Claude Pro Account: A Pro account is recommended for optimal performance.

Steps

  1. Clone the repository:
    bash git clone https://github.com/playcanvas/editor-mcp-server.git
  2. Install dependencies:
    bash npm install

Install Chrome Extension

  1. Visit chrome://extensions/ and enable Developer mode.
  2. Click Load unpacked and select the extensions folder.
  3. Load the PlayCanvas Editor. The extension should be active.

Configuration

Claude Desktop

  1. Install Claude Desktop.
  2. Go to Claude > Settings.
  3. Select Developer and then Edit Config.
  4. Modify the claude_desktop_config.json file.

Cursor

  1. Install Cursor.
  2. Select File > Preferences > Cursor Settings.
  3. Click + Add new global MCP server.
  4. Modify the mcp.json file.

MCP Config JSON File

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

Usage

  1. Start the MCP server using the configured method (Claude Desktop or Cursor).
  2. Enter commands directly into the PlayCanvas Editor to automate tasks.

About

This project is designed to enhance the PlayCanvas Editor by integrating AI-driven automation. It is particularly useful for developers looking to optimize their workflow and manage complex scenes efficiently.

Topics

License

MIT License

Contributing

Contributions are welcome! Please refer to the repository for more details on how to contribute.

Resources

Stars

28 stars

Watchers

3 watching

Forks

3 forks

Languages

  • TypeScript 78.2%
  • JavaScript 21.4%
  • HTML 0.4%

Features & Capabilities

Categories
mcp_server model_context_protocol javascript typescript claude ai_automation playcanvas webgl webgpu webxr

Implementation Details

View on GitHub

Stats

0 Views
28 GitHub Stars

Repository Info

playcanvas Organization

Similar MCP Servers

continuedev_continue by continuedev
25049
cherryhq_cherry_studio by CherryHQ
21423
bytedance_ui_tars_desktop by bytedance
9300
2025© BestAI