Publish HTML from VS Code with GitHub Copilot MCP

The RunThis.page MCP server lets GitHub Copilot in VS Code publish HTML pages for you in a single step. Ask Copilot to build a page, and it goes live instantly — no copy-pasting, no file downloads, no manual uploads.

MCP (Model Context Protocol) is an open standard that gives AI tools the ability to call external services. The RunThis.page MCP server exposes five tools that let Copilot create, update, list, delete, and get analytics for your hosted HTML pages.

Step-by-step: Set up MCP for VS Code

1. 1

   Get a Pro or Business plan

   The MCP server uses API keys, which require a Pro ($30/mo) or Business ($50/mo) plan. Sign up if you haven't already.

2. 2

   Generate an API key

   Go to Settings in your dashboard and create an API key. Copy it immediately — it's only shown once. It starts with rtp_.

3. 3

   Enable Agent mode

   Open VS Code Settings (Cmd+, / Ctrl+,) and search for chat.agent.enabled. Make sure it's checked. This enables Copilot to use MCP tools.

4. 4

   Create the MCP config file

   Create a .vscode/mcp.json file in your project root. Note: VS Code uses "servers" as the top-level key, not "mcpServers":

   {
     "servers": {
       "runthispage": {
         "command": "npx",
         "args": ["@runthispage/mcp-server"],
         "env": {
           "RUNTHISPAGE_API_KEY": "rtp_your_key_here"
         }
       }
     }
   }

   VS Code will prompt you to start the server when it detects this file.

What you can ask Copilot to do

Once the MCP server is connected, Copilot in Agent mode can use five tools to manage your pages:

• publish_page — "Build a landing page for my project and publish it"
• update_page — "Update page a1b2c3d4e5 with a new hero section"
• list_pages — "Show me all my published pages"
• delete_page — "Delete page a1b2c3d4e5"
• get_page_analytics — "How many views has my dashboard page gotten?"

Example prompts to try

Why MCP instead of manual upload?

• ✓ Zero friction — Copilot builds and publishes in a single conversation. No file downloads, no browser tabs.
• ✓ Iterate fast — ask Copilot to tweak the page and republish. The URL stays the same.
• ✓ Structured errors — if something goes wrong (plan limits, auth issues), Copilot gets a machine-readable error with recovery instructions.
• ✓ No extra tools — npx downloads and runs the server automatically. Nothing to install globally.

The MCP server also works with Claude Desktop, Claude Code, Cursor, and Windsurf. For programmatic publishing from scripts or CI/CD, see the REST API guide.