Start here

Sharing AI-generated HTML, building slides and reports, or shipping a whole site? These pillars show you how to turn it into one live link.

Ship your AI work as one link

Turn your HTML or ZIP into one live link you can send anywhere. No deploys, no screenshots, no zip files.

  • Publish HTML & Claude artifacts
  • Drop a ZIP, get a live page
  • Update anytime, same link
No credit card required
How to Publish a Claude Artifact as a Real Link
© Photo on Unsplash

How to Publish a Claude Artifact as a Real Link

TLDR: A Claude artifact is a fully working page, but it lives inside your conversation where only you can see it. To share it, ask Claude for the complete self-contained HTML, then publish that HTML as its own page. VisiblePage does this in one step: paste the HTML, get a live link, and send it anywhere, still fully interactive.

You ask Claude to build a landing page, a report, or a little calculator, and moments later there it is, rendered in the artifact panel, working exactly as you imagined. Then you try to send it to someone and hit a wall. The artifact only exists inside your chat. This guide covers how to publish a Claude artifact as a real, shareable link, which is the natural last step of sharing your AI work.

Why an artifact is not a link

An artifact is a preview. Claude renders the HTML it wrote so you can see the result immediately, but that preview is tied to your session. There is no public URL behind it. Screenshotting it throws away every interactive part, and forwarding your whole conversation exposes far more than the page you actually want to share.

What you really want is the output, the HTML itself, standing on its own as a page the recipient can open in their browser.

The artifact is where Claude shows you the work. It is not where other people can use it. Those are two different places, and sharing means moving the work to the second one.

Artifact in chatonly you can see itPublish HTMLone live linkAnyone opens itreal, interactive page

Get the HTML out of the artifact

The good news is that the artifact already contains everything you need. Ask Claude for the complete, self-contained HTML for the artifact, including any CSS and JavaScript inlined into a single file. A single .html file with no external dependencies is the easiest thing in the world to publish.

If Claude split the work across multiple files, ask it to combine them, or to hand you a ZIP. Either way, you end up with the raw building blocks of the page rather than a preview locked inside the chat. This is the same starting point as sharing any AI-generated HTML, and it applies equally when you share ChatGPT-generated HTML as a link.

A quick prompt that works well:

  • “Give me the complete, self-contained HTML for this artifact, with all CSS and JavaScript inlined into one file and no external dependencies.”
  • For bigger projects: “Bundle everything this artifact needs into a single ZIP I can download.”
  • If you plan to keep iterating: ask for the file again after each change, so you always publish the latest.

See it in one motion

Your artifact’s HTML on the left, one live link on the right.

Claude artifact HTML<!doctype html> <html> <body> <h1>Built by Claude</h1> <button>Try me</button> </body> </html>
One live linkPublish yours free →

Publish it as a live page

Now you need somewhere to host it. The traditional path means a static host, a build step, a deploy command, and a domain to configure. That is a lot of ceremony for a page your AI already finished. Instead, paste the HTML or drop the ZIP into a publishing service, and you get a live link back immediately. The page is served from the edge, so it loads fast for whoever you send it to, whether that is a client, a teammate, or your entire audience. It beats emailing the file as a ZIP, which tends to arrive broken.

1Prompt Claudebuild the page2Copy HTMLself-contained3Publishget a link4Shareanyone opens it

Publish versus the alternatives

MethodStays interactive?Overshares?Recipient effortSetup
Screenshot the artifactNoNoLowLow
Forward the whole chatPartlyYesHighLow
Full static deployYesNoLowHigh
Publish the HTML to a linkYesNoLowLow

Only the bottom row keeps the page live, shares nothing but the page, and asks almost nothing of anyone.

Keep the right things private

Not every artifact is meant for the whole internet. A draft proposal, an internal dashboard, or a client-specific mockup should stay behind a gate. Publish those as private or password-protected pages so only the people you choose can open them, then flip them public if and when you are ready. And because the page sits at one canonical URL, you can keep prompting Claude for improvements and update the page without changing the link.

How VisiblePage fits

VisiblePage is the publishing step in this workflow. Paste the self-contained HTML Claude produced, or drop a ZIP for a multi-file artifact, and you get a live URL immediately, with no build step or toolchain. The page stays fully interactive because you are sharing the real thing, not a screenshot. You pick public, private, or password-protected at publish time, and you can add a custom domain later if you want it on your own address. Prompt Claude, collect the HTML, publish, and share.

Try it now: Publish your Claude artifact with VisiblePage and turn any artifact into a link in seconds.

Frequently asked questions

How do I turn a Claude artifact into a shareable link?

Ask Claude for the complete self-contained HTML of the artifact, then publish that HTML to a host that returns a URL. The artifact panel is a preview tied to your chat, so you need the output standing on its own. With VisiblePage you paste the HTML and get a live link in seconds, fully interactive, that anyone can open.

Can I share a Claude artifact directly from the chat?

A Claude artifact renders inside your conversation, so it is not a public web address others can reliably open on their own. The dependable way to share it is to take the HTML Claude wrote and publish it as its own page. That gives you a stable link that works for anyone, on any device.

Why not just screenshot the Claude artifact?

A screenshot freezes the artifact, so every button, chart, and interactive element stops working, which is usually the whole point of the page. Forwarding the chat is worse because it exposes your entire conversation. Publishing the HTML keeps the page live and shares only the page.

What if my Claude artifact uses multiple files?

Ask Claude to combine everything into one self-contained HTML file, or to hand you the files as a ZIP. Then upload the ZIP to a publishing service, which hosts every file at the right path so the whole project works, without you running a server or a build.

Can I keep a Claude artifact private after publishing it?

Yes. Publish it as a private or password-protected page so only the people you choose can open it, then flip it public whenever you are ready. The link stays the same throughout, which is handy for drafts and client-specific work.

The short version

The whole point of building with Claude is speed, so sharing should be just as fast. Prompt Claude, collect the self-contained HTML, and publish it as a link. The thing you made stops being a preview only you can see and becomes a page anyone can open.

Ready? Publish your first Claude artifact with VisiblePage — your first page is free.

Ready to publish your AI work?

Drop in your HTML or ZIP and Visible Page turns it into one live link you can send anywhere. No deploys, no screenshots, no zip files.

Your first page is free. No credit card required.

Related articles

Make AI Charts That Actually Say Something

8/1/2026

AI draws a technically correct chart in seconds, and it usually says nothing. Here are six small moves that turn a generic AI chart into one with a clear point, plus the exact prompt to get there.

Which Chart Should You Use? A Field Guide for AI Data Viz

7/30/2026

Most bad charts come from picking the shape before the message. Here is a simple way to decide which chart to use, matched to the question your data answers, plus the exact words to tell AI so it draws the right one.

How to Brief AI Like You'd Brief a Designer

7/29/2026

The best way to get a great page out of AI is to stop prompting and start briefing. Here is the anatomy of a design brief, translated for AI, with a copy-paste template you can reuse for any page.

Austin Spaeth

Austin Spaeth is the founder of VisiblePage, the easiest way to share your AI work. After watching people struggle to send the HTML, artifacts, and apps their AI tools produced — screenshots, zip files, half-finished deploys — he built VisiblePage to turn any HTML or ZIP into one live link you can share anywhere.

VisiblePage

The easiest way to share your AI work. Turn your HTML or ZIP into one live link you can send anywhere.

Publish your first page