For Claude Code users

Publish HTML from Claude Code — live in seconds.

Install the htmldrop MCP server, ask Claude Code 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

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

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

Install details

  1. Get an API token. Sign in at htmldrop.app/dashboard/settings → API tokens → Create token. Copy the hsk_live_… value (shown only once).
  2. Add the MCP server. Run the claude mcp add command above — Claude Code records the server in ~/.claude.json for you. Prefer the CLI over editing that file by hand.
  3. Restart Claude Code. The server installs on first tool call.

Try it

Open Claude Code'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 Code didn't read your token. Verify the HTMLDROP_API_TOKEN env value is the hsk_live_… string (not the friendly name you gave the token in the dashboard).

Claude Code doesn't see the htmldrop tools

Run claude mcp list to confirm htmldrop is registered. If it shows red, run claude mcp logs htmldrop for stderr. Most failures are a missing or mistyped HTMLDROP_API_TOKEN.

"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 Code chat: "List my htmldrop sites." If the tool is wired up, Claude Code calls htmldrop_list and replies with your drops.

Get your token →