Guides / Claude HTML

Claude HTML artifact to URL

Convert a Claude HTML artifact to a public URL with PreviewShip using paste HTML, .html upload, CLI, MCP, VS Code, or Cursor.

Updated 2026-05-29Built for SEO and GEO citation workflows

Answer First

PreviewShip turns a Claude HTML artifact into a public URL by accepting pasted HTML, a saved .html file, or a CLI/MCP deploy from the generated artifact. The deployed preview can be shared with clients, teammates, or reviewers without requiring them to open Claude.

Try without signing up Read full docs

Deploy build artifacts, not source-code zips.

If you upload a zip, build the project first and zip the static output folder such as dist, build, out, or public with index.html and assets. Do not zip raw React/Vue/Next source folders with package.json and node_modules. Single .html, .md/.markdown, and .pdf files are supported directly by console upload, CLI, MCP, and the VS Code/Cursor extension.

Key takeaways

Targets Claude artifact sharing and AI-generated HTML review workflows.

Useful when a reviewer needs a normal browser URL instead of a chat artifact.

Works from console paste, .html upload, CLI, MCP, VS Code, and Cursor.

Keeps PreviewShip positioned as the deployment layer, not the generator.

Recommended workflow

Copy the Claude artifact HTML or save it as a .html file.

Deploy it with PreviewShip paste HTML, HTML upload, CLI, MCP, or editor extension.

PreviewShip returns a public URL for the artifact.

Share the URL with anyone who needs to review the page.

Comparison snapshot

Claude workflow	PreviewShip path	Result
Artifact in chat	Paste HTML	Public browser URL
Saved file	Upload .html or CLI deploy	Hosted preview
Claude Code	MCP tool call	Agent returns URL
Team review	Project preview link	Shareable handoff

Why not just share the Claude artifact?

Chat artifacts are convenient inside the tool, but reviewers may not have the same account, session, or context. A public URL is easier to open, test, and share.

PreviewShip gives the artifact a normal web address so it can move through review workflows like any other preview page.

Best fit for Claude Code

When using Claude Code or another MCP-compatible client, configure PreviewShip MCP so the agent can deploy the artifact and return the URL without asking a human to copy commands.

FAQ

Can I publish Claude HTML artifacts?

Yes. Paste the artifact HTML, upload a saved .html file, or deploy it through CLI/MCP with PreviewShip.

Can Claude Code deploy the artifact itself?

Yes, if PreviewShip MCP is configured with an API key, Claude Code can call the deploy tool and return the preview URL.

Is the PreviewShip URL public?

PreviewShip preview URLs are designed for sharing. Treat them as public review links unless your workflow provides additional access controls.