Cocos MCP

Cocos MCP

Bridge for Cocos Creator 3.8.x enabling code agents to control the editor via 43+ tools for scene manipulation, asset management, UI creation, animation, and more.

Category
Visit Server

README

Cocos MCP

A Cocos Creator 3.8.x MCP bridge for code agents. The editor extension runs a local TCP socket server, and a Python MCP server (stdio) forwards tools over that socket. This mirrors the Blender MCP architecture.

Architecture

  • Editor extension (TS): packages/cocos-mcp starts a TCP server inside Cocos Creator.
  • MCP server (Python): python/cocos_mcp_server.py exposes tools over stdio and talks to the editor socket.
MCP Client (Claude Code / Cursor)
    ↕ stdio (MCP protocol)
Python MCP Server (cocos_mcp_server.py)
    ↕ TCP socket (JSON-RPC, port 8787)
Cocos Editor Extension (packages/cocos-mcp)
    ↕ Editor.Message / scene script APIs
Cocos Creator Engine

Install (Editor Side)

  1. Copy packages/cocos-mcp into your Cocos project:
    • Preferred: extensions/cocos-mcp
    • Legacy: packages/cocos-mcp
  2. Restart Cocos Creator and enable the extension in Extension Manager.
  3. Optional: set port via env var before launching editor:
    • COCOS_MCP_PORT=8787

If you change TypeScript, rebuild:

npx tsc -p packages/cocos-mcp/tsconfig.json

Install (Python Side)

cd python && uv sync

Run MCP Server

cd python && uv run cocos-mcp-server --host 127.0.0.1 --port 8787

Claude Code Integration

Cocos MCP 完整支持 Claude Code —— Anthropic 官方的 CLI 编程工具。连接后,Claude Code 可以直接通过自然语言操控 Cocos Creator 编辑器:创建/删除节点、修改属性、管理资源、搭建 UI、配置物理和动画等。

快速添加(发布到 PyPI 后)

claude mcp add cocos-mcp-server uvx cocos-mcp-server

自动发现

项目根目录包含 .mcp.json 配置文件。在此目录下启动 Claude Code 时会自动发现并连接 MCP 服务器,无需额外配置。

cd /path/to/cocos-mcp
claude

手动配置

也可以将配置手动添加到 Claude Code 的设置中:

项目级别.claude/settings.json):

{
  "mcpServers": {
    "cocos-mcp": {
      "command": "uv",
      "args": ["run", "--directory", "/absolute/path/to/cocos-mcp/python", "cocos-mcp-server", "--port", "8787"]
    }
  }
}

全局级别~/.claude/settings.json),适用于所有项目:

{
  "mcpServers": {
    "cocos-mcp": {
      "command": "uv",
      "args": ["run", "--directory", "/absolute/path/to/cocos-mcp/python", "cocos-mcp-server", "--port", "8787"]
    }
  }
}

使用流程

  1. 启动 Cocos Creator 并打开包含 cocos-mcp 扩展的项目
  2. 确认编辑器控制台输出 [cocos-mcp] TCP server listening on 127.0.0.1:8787
  3. 在终端启动 Claude Code
  4. Claude Code 会自动连接 MCP 服务器,所有 43 个工具立即可用

使用示例

> 列出当前场景的所有节点

> 创建一个名为 Player 的节点,位置设为 (0, 1, 0)

> 给 Player 节点添加一个 RigidBody 和 BoxCollider

> 在场景中创建一个 Button,文字为"开始游戏"

> 把 Player 节点保存为 prefab 到 db://assets/prefabs/Player.prefab

> 查找项目中所有 prefab 资源

其他 MCP 客户端

Cursor、Windsurf 等支持 MCP 协议的工具也可以使用相同的配置格式接入。

Tools

Scene

  • scene_get_active – Get the active scene name and UUID
  • scene_list_nodes – List all nodes as a tree structure
  • scene_create_node – Create a new empty node
  • scene_delete_node – Delete a node and its children
  • scene_duplicate_node – Deep clone a node
  • scene_move_node – Reparent a node
  • scene_get_node_props – Read node properties (position, rotation, scale, etc.)
  • scene_set_node_props – Set node properties
  • scene_add_component – Add a component to a node
  • scene_remove_component – Remove a component from a node
  • scene_get_component_props – Read component properties
  • scene_set_component_props – Set component properties

Editor

  • editor_save_scene – Save the current scene
  • editor_query_dirty – Check if scene has unsaved changes
  • editor_open_scene – Open a scene by UUID
  • editor_undo – Undo last operation
  • editor_redo – Redo last undone operation

UI

  • scene_create_ui_node – Create a complete UI node (Button, Label, Sprite, Layout, etc.)
  • scene_configure_widget – Configure Widget alignment on a node
  • scene_configure_layout – Configure Layout component on a node

Animation

  • scene_add_animation – Add Animation component to a node
  • scene_play_animation – Play animation on a node
  • scene_stop_animation – Stop animation on a node

Rendering & Physics

  • scene_set_material_property – Set material uniform on MeshRenderer
  • scene_get_material_property – Read material uniform from MeshRenderer
  • scene_add_physics_body – Add RigidBody + Collider in one step
  • scene_configure_particle_system – Configure ParticleSystem on a node

Prefab

  • editor_instantiate_prefab – Instantiate a Prefab asset into the scene
  • editor_create_prefab – Create a Prefab asset from a scene node
  • scene_get_prefab_info – Query prefab metadata on a node

Assets

  • assets_find – Search assets by glob pattern
  • assets_get_info – Get asset metadata by UUID
  • assets_create – Create a new asset
  • assets_import – Import an external file as an asset
  • assets_move – Move an asset to a new path
  • assets_rename – Rename an asset
  • assets_delete – Delete an asset
  • assets_get_dependencies – List asset dependencies
  • assets_reveal – Reveal asset in OS file explorer
  • assets_request – Raw asset-db message passthrough

Execute

  • execute(scope, code, args) – Run arbitrary JS in scene or main scope

Troubleshooting

"Failed to communicate with Cocos Creator"

  • Make sure Cocos Creator is running and the project with the extension is open.
  • Check that the extension is enabled in Extension Manager.
  • Verify the port matches (default 8787). Check the editor console for [cocos-mcp] TCP server listening on 127.0.0.1:8787.

Port already in use

  • Another instance may be using port 8787. Set a different port:
    COCOS_MCP_PORT=8788 # set before launching Cocos Creator
    python python/cocos_mcp_server.py --port 8788
    

Extension not loading

  • Ensure package.json has "package_version": 2 and "editor": ">=3.8.0".
  • The extension folder must be named cocos-mcp (matching the name field).
  • Check the editor console for error messages.

Scene operations return "No active scene"

  • Open a scene in the editor before calling scene tools.

Notes

  • Asset operations map to common asset-db message names (e.g. query-assets). If your editor build differs, use assets_request with the exact method name.
  • Scene modifications via MCP do not currently trigger the editor's undo system. Save your scene before making bulk changes.

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured