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-29

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.

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

  1. Copy the Claude artifact HTML or save it as a .html file.
  2. Deploy it with PreviewShip paste HTML, HTML upload, CLI, MCP, or editor extension.
  3. PreviewShip returns a public URL for the artifact.
  4. Share the URL with anyone who needs to review the page.

Comparison snapshot

Claude workflowPreviewShip pathResult
Artifact in chatPaste HTMLPublic browser URL
Saved fileUpload .html or CLI deployHosted preview
Claude CodeMCP tool callAgent returns URL
Team reviewProject preview linkShareable 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.