MCP-Editor: Automate Workflows & Boost Efficiency

MCP-Editor: automate PlayCanvas workflows with MCP Server's seamless integration, slashing dev time and boosting efficiency. A game-changer for streamlined game dev pipelines.

Visit Repository

✨ Developer Tools

4.8(77 reviews)

115 saves

53 comments

41% of users reported increased productivity after just one week

About MCP-Editor

What is MCP-Editor: Automate Workflows & Boost Efficiency?

MCP-Editor is a productivity tool designed to streamline workflows within the PlayCanvas game engine editor. By integrating an MCP server and a Chrome extension, it enables developers to automate repetitive tasks, execute commands via AI-driven agents, and enhance collaboration through customizable server configurations. Think of it as your personal efficiency assistant for game development workflows.

How to use MCP-Editor: Automate Workflows & Boost Efficiency?

Getting started involves three core steps:
1) Install dependencies using npm
2) Load the Chrome extension from your local project folder
3) Configure the MCP server in your editor preferences. Once set up, you can trigger commands directly from the PlayCanvas interface. Pro tip: Pair it with Claude Sonnet 3.7 for optimal AI-driven automation.

MCP-Editor Features

Key Features of MCP-Editor: Automate Workflows & Boost Efficiency?

Seamless Integration: Works natively with PlayCanvas editor workflows
AI-Powered Execution: Agent mode leverages API keys for intelligent task handling
Customizable Servers: Configure OS-specific command parameters in mcp.json
Real-Time Automation: Execute scripts and workflows without leaving the editor

Use cases of MCP-Editor: Automate Workflows & Boost Efficiency?

Perfect for:
• Automating repetitive testing scenarios
• Generating boilerplate code via AI prompts
• Streamlining asset deployment processes
• Collaborative workflow management in dev teams

MCP-Editor FAQ

FAQ from MCP-Editor: Automate Workflows & Boost Efficiency?

Q: Do I need special permissions to use the Chrome extension?
A: Just enable developer mode - no admin rights required.

Q: Which OS platforms are supported?
A: Works on Windows/macOS, though path syntax differs - check your OS-specific config examples.

Q: Can I customize the AI model?
A: Absolutely! Agent mode supports any API-compatible language model - just update your .env file.

Content

MCP-Editor

A MCP Server for the PlayCanvas Editor

Installation

Run npm install to install all dependencies

Chrome Extension

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

MCP Server

Cursor

Select File > Preferences > Cursor Settings.
Click + Add new global MCP server.
In mcp.json, add the following:

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

The MCP server and Chrome extension should now be running. You can enter a command (we recommend Claude Sonnet 3.7). Ensure you have Agent selected.

Agent Mode

Create an .env file and add ANTHROPIC_API_KEY (refer to .env.template for format).
Run npm run agent to start the agent.

Tools Overview

TODO