By The RunThis.page Team Published Updated

Publish HTML Directly from Claude Desktop with MCP

The RunThis.page MCP server lets Claude Desktop publish HTML pages for you in a single step. Ask Claude 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 like Claude the ability to call external services. The RunThis.page MCP server exposes five tools that let Claude create, update, list, delete, and get analytics for your hosted HTML pages.

Step-by-step: Set up MCP for Claude Desktop

  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

    Add the MCP server to Claude Desktop

    Open your Claude Desktop config file and add the RunThis.page server:

    macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

    Windows: %APPDATA%\Claude\claude_desktop_config.json

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

    Restart Claude Desktop

    Quit and reopen Claude Desktop. You should see the RunThis.page tools available in your conversation. The first run downloads the package automatically via npx.

What you can ask Claude to do

Once the MCP server is connected, Claude can use five tools to manage your pages:

Example prompts to try

"Create an interactive chart showing monthly revenue data and publish it to RunThis.page"

Claude builds the HTML with Chart.js, then calls publish_page to host it.

"Build a personal portfolio page with my work experience and publish it"

Claude generates a Tailwind-styled portfolio and publishes it in one step.

"List my pages and show me analytics for the most recent one"

Claude calls list_pages, then get_page_analytics on the first result.

Why MCP instead of manual upload?

The MCP server also works with ChatGPT, Claude.ai, Claude Code, Cursor, Windsurf, and VS Code with GitHub Copilot. If you prefer to publish programmatically from scripts or CI/CD, see the REST API guide.

Frequently asked questions

Which plans include MCP access?

MCP uses API keys, which are available on the Pro ($30/mo) and Business ($50/mo) plans. The Starter plan doesn't include API or MCP access.

Where is the Claude Desktop config file?

On macOS it's at ~/Library/Application Support/Claude/claude_desktop_config.json. On Windows it's at %APPDATA%\Claude\claude_desktop_config.json.

Do I need to install the server manually?

No. npx downloads and runs @runthispage/mcp-server automatically. Just restart Claude Desktop after editing the config.

Is there an option that doesn't use an API key?

Yes. Claude.ai in the browser connects to the remote OAuth MCP server at https://runthis.page/mcp, which authorizes over OAuth instead of an API key.

Ready to share your HTML?

Publish your first page free and get a shareable link in seconds.

Start free

No credit card required. See pricing