Mcp

MCP server · by htmldrop

Web APIs npmStreamable HTTP v0.3.5

Publish HTML or Markdown from any MCP client to a live, shareable URL on htmldrop.app.

Website ↗ Generate config for multiple servers More servers

Install

Pin version registry version 0.3.5

npm
npx -y @htmldrop.app/mcp

npm
npx -y @htmldrop.app/mcp@0.3.5

Streamable HTTP
https://htmldrop.app/mcp

Setup by client

Pick your client — the config below is generated for this server (both local and hosted-endpoint forms). Copy respects the “Pin version” switch above.

claude_desktop_config.json

{
  "mcpServers": {
    "mcp-257": {
      "command": "npx",
      "args": [
        "-y",
        "@htmldrop.app/mcp"
      ],
      "env": {
        "HTMLDROP_API_TOKEN": "<YOUR_HTMLDROP_API_TOKEN>"
      }
    }
  }
}

{
  "mcpServers": {
    "mcp-257": {
      "command": "npx",
      "args": [
        "-y",
        "@htmldrop.app/mcp@0.3.5"
      ],
      "env": {
        "HTMLDROP_API_TOKEN": "<YOUR_HTMLDROP_API_TOKEN>"
      }
    }
  }
}

Remote (hosted) endpoint

https://htmldrop.app/mcp

Claude Desktop: Settings → Connectors → Add custom connector, paste this URL.

Format verified against the official Claude Desktop docs ↗.

terminal

claude mcp add --env HTMLDROP_API_TOKEN=<YOUR_HTMLDROP_API_TOKEN> mcp-257 -- npx -y @htmldrop.app/mcp

claude mcp add --env HTMLDROP_API_TOKEN=<YOUR_HTMLDROP_API_TOKEN> mcp-257 -- npx -y @htmldrop.app/mcp@0.3.5

terminal

claude mcp add --transport http mcp-257 https://htmldrop.app/mcp

Format verified against the official Claude Code docs ↗.

.cursor/mcp.json

{
  "mcpServers": {
    "mcp-257": {
      "command": "npx",
      "args": [
        "-y",
        "@htmldrop.app/mcp"
      ],
      "env": {
        "HTMLDROP_API_TOKEN": "<YOUR_HTMLDROP_API_TOKEN>"
      }
    }
  }
}

{
  "mcpServers": {
    "mcp-257": {
      "command": "npx",
      "args": [
        "-y",
        "@htmldrop.app/mcp@0.3.5"
      ],
      "env": {
        "HTMLDROP_API_TOKEN": "<YOUR_HTMLDROP_API_TOKEN>"
      }
    }
  }
}

.cursor/mcp.json (hosted endpoint)

{
  "mcpServers": {
    "mcp-257": {
      "url": "https://htmldrop.app/mcp"
    }
  }
}

Format verified against the official Cursor docs ↗.

.vscode/mcp.json

{
  "servers": {
    "mcp-257": {
      "command": "npx",
      "args": [
        "-y",
        "@htmldrop.app/mcp"
      ],
      "env": {
        "HTMLDROP_API_TOKEN": "<YOUR_HTMLDROP_API_TOKEN>"
      }
    }
  }
}

{
  "servers": {
    "mcp-257": {
      "command": "npx",
      "args": [
        "-y",
        "@htmldrop.app/mcp@0.3.5"
      ],
      "env": {
        "HTMLDROP_API_TOKEN": "<YOUR_HTMLDROP_API_TOKEN>"
      }
    }
  }
}

.vscode/mcp.json (hosted endpoint)

{
  "servers": {
    "mcp-257": {
      "type": "http",
      "url": "https://htmldrop.app/mcp"
    }
  }
}

Format verified against the official VS Code docs ↗.

mcp_config.json

{
  "mcpServers": {
    "mcp-257": {
      "command": "npx",
      "args": [
        "-y",
        "@htmldrop.app/mcp"
      ],
      "env": {
        "HTMLDROP_API_TOKEN": "<YOUR_HTMLDROP_API_TOKEN>"
      }
    }
  }
}

{
  "mcpServers": {
    "mcp-257": {
      "command": "npx",
      "args": [
        "-y",
        "@htmldrop.app/mcp@0.3.5"
      ],
      "env": {
        "HTMLDROP_API_TOKEN": "<YOUR_HTMLDROP_API_TOKEN>"
      }
    }
  }
}

mcp_config.json (hosted endpoint)

{
  "mcpServers": {
    "mcp-257": {
      "serverUrl": "https://htmldrop.app/mcp"
    }
  }
}

Format verified against the official Windsurf docs ↗.

Environment variables

Defined in the server's official registry manifest. Required secrets are shown as <YOUR_…> placeholders in the configs above.

HTMLDROP_API_TOKEN required secret — htmldrop API token (hsk_live_…). Create one at https://htmldrop.app/dashboard/settings → API tokens.
HTMLDROP_API_URL — Override the API base URL. Leave unset to use htmldrop.app's hosted API; set only for self-hosted or staging deployments.

About this server

Distributed as npm, Streamable HTTP, listed under Web APIs. Review our MCP security guide before granting access to real data.

Frequently asked questions

How do I install Mcp?

Run the install command shown above, then paste the config for your client (Claude Desktop, Claude Code, Cursor, VS Code or Windsurf) into its MCP settings and restart the client.

Is Mcp free to use?

The MCP server itself is free to install. Any third-party service it calls may require its own API key and account.

Which clients support Mcp?

Any MCP-compatible client can use it, including Claude Desktop, Claude Code, Cursor, VS Code, Windsurf and custom agents.

Add this badge

Publish this server? Link back with a badge on your README or site — copy either snippet.

Markdown

[![Listed on MCPNav](https://mcpnav.net/badge/mcp-257.svg)](https://mcpnav.net/server/mcp-257/)

HTML

<a href="https://mcpnav.net/server/mcp-257/"><img src="https://mcpnav.net/badge/mcp-257.svg" alt="Listed on MCPNav" height="20"></a>