We use cookies to enhance your experience, analyze site traffic, and personalize content. By clicking “Accept All”, you agree to our use of cookies.

Cookie Preferences

Manage your cookie settings. You can enable or disable different types of cookies below. For more details, see our Privacy Policy.

Connect Wonderland Engine to Coding Agents via MCP

Wonderland Engine provides an MCP Server plugin to give Cursor, VSCode Copilot, Claude Code, Gemini CLI and other AI coding agents access to high-performance 3D web development. Let your coding agent import scenes, set up components and modify settings for you.

Rendering 3D graphics is complex and requires a lot of code. While the structure and low-level understading of rendering engines and game engines are certainly within reach for a well-trained coding LLM, having to write a full game engine from scratch just to create a game or WebXR experience is not practical.

Most web 3D frameworks out there are code-abstractions around WebGL or WebGPU, not game engines. They lack asset processing pipelines, advanced runtime optimizations, and thereby leave performance up to the user–or in this case, your coding agent.

But making a game is already a complex task in and of itself, so build on a strong base with Wonderland Engine to allow your coding agent to focus on the actual 3D game or WebXR experience and make your game vibe coding 10 times faster.

Wonderland Engine is the best choice for building highly performant 3D web games with coding agents, because it is optimized to load fast and even runs well on iOS Safari, and LLM knowledge around the most popular 3D engines translates extremely well to Wonderland Engine.

This tutorial will cover how to set up and install the Wonderland Engine MCP Server plugin.

Install the Plugin 

Go to Views > Plugins and enable plugin execution for your project. Then switch to the “Project Scope” tab and click “Install” next to @wonderlandengine/viverse-puglish-plugin.

Finally, enable the plugin.

Alternatively, you can install the plugin as a devDependency via npm yourself:

1npm i -D @wonderlandengine/mcp-plugin

Coding Agent Configuration 

Next make sure to configure your coding agent. The exact configuration will dependend on your coding agent. Here are setup guides for the popular AI coding agent IDEs at the time of writing:

While the editor is open, the MCP server runs on localhost:3020/mcp using the Streamable HTTP transport protocol.

Here is prompt to test whether the connection works:

Please remove the cube from the Wonderland Engine scene using your MCP tools.

Troubleshooting 

If have trouble, please reach out via our Discord Community, we’re happy to help!