Share HTML — Claude Code MCP server: what it does, how to install
Shares self-contained HTML files and prototypes as sandboxed web previews. It helps when you need a quick shareable link without deploying a dedicated site.
claude mcp add --transport http share-html https://share-html.zhenjiazhou0127.workers.dev/mcpWhat Share HTML does
The server sends single HTML documents to a remote service running on Cloudflare Workers. Uploads stay accessible anonymously for 365 days. Before rendering the file, an integrated scanner reviews the markup for suspicious code patterns.
Files can be shared as unlisted links or secured with an accessKey. For protected shares, the 32-byte key lives inside the URL hash #key= so browser requests never expose it directly to the host. Any attempt to reach a private render without this secret yields a 401 response.
The system produces two entry points: a wrapper page at /s/:slug with risk context and an isolated iframe, plus a direct render at /v/:slug/. Anonymous shares also return a claimToken to migrate ownership to an authenticated Supabase account later.
What it helps with
- share an interactive UI mockup without hosting setup
- generate a protected preview link guarded by an access key
- distribute an exported HTML dashboard to teammates
- host a temporary sandbox for single-file web prototypes
Example prompts for the agent
- Upload mockup.html via Share HTML and generate a private link
- Create an unlisted public preview link for index.html
- Share invoice.html and give me both the wrapper and direct preview links
How to install Share HTML
Platform CLI: remote server
claude mcp add --transport http share-html https://share-html.zhenjiazhou0127.workers.dev/mcpPlatform CLI: remote server
codex mcp add share-html --url https://share-html.zhenjiazhou0127.workers.dev/mcpConfig file
{
"mcpServers": {
"share-html": {
"url": "https://share-html.zhenjiazhou0127.workers.dev/mcp"
}
}
}Config file
{
"servers": {
"share-html": {
"type": "http",
"url": "https://share-html.zhenjiazhou0127.workers.dev/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http share-html https://share-html.zhenjiazhou0127.workers.dev/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Share HTML
How to install Share HTML in Claude Code?
Run claude mcp add --transport http share-html https://share-html.zhenjiazhou0127.workers.dev/mcp. Claude Code configures the remote HTTP endpoint.
What is the difference between Share URL and Preview URL?
The /s/:slug route loads a wrapper interface with security details and an embedded viewer. The /v/:slug/ path renders the raw sandboxed HTML document.
How does private link security work?
Protected uploads issue a 32-byte key appended to the URL fragment #key=. Accessing the page sets short-lived HttpOnly cookies to unlock the sandboxed preview.
