For Claude Desktop users

Publish HTML from Claude Desktop — live in seconds.

Install the htmldrop MCP server, ask Claude Desktop to publish, and get a live shareable URL back. No build step, no deploy pipeline, no signup to start.

claude mcp add htmldrop \
  --env HTMLDROP_API_TOKEN=hsk_live_xxxxxxxxxxxxxxxx \
  -- npx -y @htmldrop.app/mcp

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

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

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

npx -y @htmldrop.app/mcp

Get your hsk_live_… token at htmldrop.app/dashboard/settings → API tokens.

◆ Smithery ⤓ Add to Claude Desktop ➜ Add to Cursor npm

Install details

Fastest path: click ⤓ Add to Claude Desktop above — it downloads a .mcpb extension bundle that installs the htmldrop server with one double-click, no JSON editing required.

Get an API token. Sign in at htmldrop.app/dashboard/settings → API tokens → Create token. Copy the hsk_live_… value (shown only once).
Prefer manual config? Edit your Claude Desktop config instead of using the .mcpb:
- macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
- Windows: %APPDATA%\Claude\claude_desktop_config.json
Paste the config above under mcpServers and save.
Quit and reopen Claude Desktop. It loads MCP servers on startup, and prompts you to enter your token if you used the .mcpb.

Try it

Open Claude Desktop's chat and try any of these:

BuildBuild me a single-page sales dashboard with three KPI cards and a bar chart for fake Q1 SaaS data, then publish it to htmldrop.

ConvertTake the README.md in this repo and publish it as a clean documentation page on htmldrop.

One-pagerMake me a tasteful HTML landing page for a side project called "Hexamail" and publish it to htmldrop.

Troubleshooting

"No API token" error

Claude Desktop didn't read your token. Verify the HTMLDROP_API_TOKEN env value in claude_desktop_config.json is the hsk_live_… string (not the friendly name you gave the token in the dashboard).

Claude Desktop doesn't see the htmldrop tools

Look for a small 🔌 icon in the bottom-right of the message composer — clicking it lists configured MCP servers. If htmldrop is missing, the JSON config has a syntax error; validate it with cat ~/Library/Application\ Support/Claude/claude_desktop_config.json | python3 -m json.tool on macOS.

"plan_limit" error in the chat

You've hit your plan's site cap (3 active drops on Free). Delete a drop in the dashboard or upgrade.

Want to verify the install worked?

In Claude Desktop chat: "List my htmldrop sites." If the tool is wired up, Claude Desktop calls htmldrop_list and replies with your drops.

Get your token →