# How to Share a Claude Artifact as a Public Link

> Source: <https://sharemypage.app/blog/how-to-share-a-claude-artifact>
> Published: 2026-07-06 00:00:00+00:00

July 6, 2026 · 3 min read

# How to Share a Claude Artifact as a Public Link

Claude built you an artifact and you want to send it to someone outside the chat. Here is how to turn it into a public link, and when Claude's own Publish button is not enough.

Claude artifacts are great for building a page, a chart, or a small interactive app right inside the conversation. The catch comes when you want to show it to someone who is not in your chat. Here is how to take a Claude artifact and share it as a public link that opens anywhere, including the cases where Claude's own sharing does not go far enough.

## Claude's built-in Publish, and where it stops

Claude has a **Publish** option on artifacts that gives you a `claude.site`

link. For a quick, throwaway share that is the fastest path, so use it when that is all you need. It stops mattering when you want control: a published artifact carries Claude's branding, cannot be password protected or scoped to your team, is tied to your Claude account, and has to be re-published to update. For anything you send to a client, a coworker, or the public, you usually want the page on a URL you own instead.

## Getting the HTML out of an artifact

An HTML artifact is the easy case: open it, use the artifact's copy control to grab the full document, and you have everything you need. A **React or multi-file** artifact is different, since what renders in Claude is built from components, not a single HTML file. Ask Claude to "output this as one self-contained HTML file with the CSS and JS inline," and it will hand you a single document you can paste anywhere.

## From artifact to a link you control, in three steps

- Copy the artifact's HTML (or ask Claude for the self-contained single-file version).
- Open ShareMyPage, create a new page, and paste it in.
- Choose the visibility, copy the link, and send it.

The page goes live immediately at a clean URL. It renders in a sandboxed frame, so whoever opens it is safe, and you can [edit it later](/blog/how-to-share-an-html-file-as-a-link) without breaking the link you already sent. Here is what an interactive artifact looks like once it is a shared page:

## Decide who gets in

Some artifacts are demos for the world, others are drafts for a client or your team. This is exactly what Claude's Publish cannot do:

**Public** for an open link anyone can open.**Password protected** when access should be limited. See[how to password-protect a page](/blog/password-protect-a-shared-html-page).**Workspace** to keep it inside your company. See[sharing pages with your team](/blog/sharing-ai-pages-with-your-team-link-vs-embed).

## Skip the copy-paste entirely

If you build with Claude often, there is a faster path than copying HTML at all: ShareMyPage has an [MCP server](/mcp) that lets Claude create the page for you. You say "publish this as a page," Claude calls the tool, and you get the shareable URL back in the same message, without leaving the chat.

## Why a link beats pasting code

When you share a link, the recipient sees the finished thing on the first tap, on any device, with a clean preview. When you paste code or a file, they have to do the work to see it, and most will not bother. If you build with Claude often, publishing the artifact as a link you control is the step that gets your work in front of people.

Have an artifact to share? [Create a page on ShareMyPage](https://sharemypage.app/?utm_source=blog&utm_medium=content&utm_campaign=how-to-share-a-claude-artifact) and paste the HTML.
