playcanvas_editor_mcp_server

playcanvas_editor_mcp_server

by playcanvas
An MCP server for automating the PlayCanvas Editor using AI tools like Claude.

PlayCanvas Editor AI Automation Server

Overview

The PlayCanvas Editor AI Automation Server is an MCP Server designed to automate tasks within the PlayCanvas Editor using a Large Language Model (LLM). It integrates with tools like Claude and Cursor to streamline workflows and enhance productivity for developers working on PlayCanvas projects.

Key Features

  • Automation of PlayCanvas Editor Tasks: The server provides a suite of tools to automate common tasks such as entity management, script creation, and material editing.
  • Integration with Claude and Cursor: The server can be driven by Anthropic's Claude or Cursor, enabling seamless interaction with the PlayCanvas Editor.
  • Extensive Toolset: Includes tools for creating, modifying, duplicating, and deleting entities, as well as managing scripts, materials, and scene settings.

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 and npm installed.
  • Chrome browser for the extension.

Steps

  1. Install Dependencies: Run npm install to install all dependencies.
  2. Install Chrome Extension:
  3. Visit chrome://extensions/ and enable Developer mode.
  4. Click Load unpacked and select the extensions folder.
  5. Load the PlayCanvas Editor. The extension should be loaded.
  6. Run MCP Server:
  7. The server can be driven by Cursor or Claude Desktop.

Claude Desktop

  1. Install Claude Desktop.
  2. Go to Claude > Settings.
  3. Select Developer and then Edit Config.
  4. This will open claude_desktop_config.json, your MCP Config JSON file.

Cursor

  1. Install Cursor.
  2. Select File > Preferences > Cursor Settings.
  3. Click + Add new global MCP server.
  4. This will open mcp.json, your MCP Config 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

Once the MCP server and Chrome extension are running, you can start entering commands to automate tasks within the PlayCanvas Editor.

Tips

  • Auto-run Mode: In Cursor, enable Enable auto-run mode to allow the LLM to run MCP tools without requiring constant authorization.
  • Claude Pro Account: For reliable operation, it is recommended to use a Pro Claude account as the free tier may not provide sufficient chat context.

About

The PlayCanvas Editor AI Automation Server is an open-source project licensed under the MIT license. It is designed to enhance the productivity of developers working with the PlayCanvas Editor by leveraging AI automation.

Topics

Resources

Contributors

Languages

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

Features & Capabilities

Categories
mcp_server model_context_protocol javascript typescript playcanvas ai_automation claude webgl webgpu webxr

Implementation Details

View on GitHub

Stats

0 Views
0 Favorites
28 GitHub Stars

Repository Info

playcanvas Organization

Similar Servers

continuedev_continue by continuedev
0
cherryhq_cherry_studio by CherryHQ
0
bytedance_ui_tars_desktop by bytedance
0
2025© BestAI