Runbox Website Publisher MCP provides a remote coding environment that can publish AI-generated website code as a real live website accessible via a URL. It offers a live code editor to view and modify the generated website files (HTML, CSS, JavaScript) and supports building, reading, and writing code inside a remote sandbox. You can also safely execute commands in the remote sandbox to test and fix issues, and publish the final site so it serves as a real website URL for demonstrations or sharing. To use it, simply request a website from Claude or the assistant (e.g., “Create a XYZ website and publish to Runbox”), and the MCP will spin up a publishable site and provide a URL such as https://runbox.ai/site/<some-id> where your hosted site can be viewed. The system also includes a live editor for iterating on code in real time and re-publishing updates to the live URL. The developer reference points to a server backend at https://github.com/11cafe/code-sandbox-server which powers the remote sandbox and publishing workflow. The MCP package you’ll run is code-sandbox-mcp, which orchestrates this capability via npx.

The workflow typically involves generating the site content, opening the remote sandbox to edit or refine code, then building and publishing the site to a public domain or runbox URL for easy sharing. The capabilities cover static site publishing (HTML, CSS, JS), multi-file projects, on-demand live editing, and command execution within a sandbox to test and debug before going live.

Prerequisites:

• Node.js and npm installed on your workstation (npx is included with npm 5.2+).
• Internet access to fetch the MCP package from npm.

Installation steps:

1. Verify Node.js and npm are installed: node -v npm -v

2. Prepare the MCP configuration (optional but recommended): create a file mcp_config.json with the following content: { "mcpServers": { "runbox-website-publisher": { "command": "npx", "args": ["-y", "code-sandbox-mcp@latest"] } } }

3. Run the MCP server using the provided npm package via npx: npx -y code-sandbox-mcp@latest

   or, if you want to point to a specific configuration file:

   npx -y code-sandbox-mcp@latest --config mcp_config.json

4. Follow the prompts or monitor logs for the creation of a live website publish session. Once ready, you’ll receive a URL to access the published site and the live editor.

Notes:

• No additional global installation is required beyond Node.js/npm unless you prefer a local setup; the MCP is run via npx for a transient, dependency-managed experience.
• If your environment blocks npm/yarn binary fetches, ensure network access to npm registry (https://registry.npmjs.org).

Tips and common considerations:

• The MCP publishes AI-generated code as a real URL; ensure you have the rights to publish any generated content and any assets you include.
• The live editor supports multi-file projects (HTML, CSS, JS and other assets). Use the editor to iterate on content and push updates to the live site.
• The developer server for the underlying sandbox is at https://github.com/11cafe/code-sandbox-server; expect remote sandbox restraints and safety checks during command execution.
• If you experience delays publishing or URL generation, check the network access from the hosting environment and verify that the code-sandbox-mcp package is up to date.
• Environment variables can be extended in the MCP runtime if needed (e.g., for custom domains or API keys), but the default configuration provided relies on the standard published workflow.