How do I turn a Claude artifact into a public URL?

Claude artifacts are genuinely interactive — games, visualizations, and tools that run right there in the chat. The catch: they live inside the conversation. To put one in front of other people, you need to lift it out and give it a URL of its own.

What is a Claude artifact, and why is it not already a URL?

An artifact is a self-contained piece of content Claude renders in a side panel — usually a single HTML document. It runs for you because the conversation is rendering it. It is not, on its own, a page on the open web: there is no public address a friend can type in. Publishing is the step that turns the artifact into a real, linkable page.

Step 1 — Get the artifact's full source

In the artifact panel, switch to the code or source view. Select the entire document — from the first line to the last — and copy it. You want the whole file, not a fragment. If the panel only shows a rendered preview, ask Claude to "show the full HTML source of this artifact."

Step 2 — Make sure it is self-contained

The file should carry everything it needs: CSS in a style tag, JavaScript in a script tag, no separate asset files, and no network calls. Most artifacts already meet this bar because the artifact environment is itself sandboxed. If yours is a React-style artifact, ask Claude to "convert this into one self-contained HTML file with all code inline" and use that version.

Step 3 — Publish it for a public URL

Open arcadelab.ai/publish, paste the artifact code into the box, and click publish. You get a permanent URL — arcadelab.ai/play/your-thing — with no account required. If the artifact uses a library like p5.js or Three.js, name it in the ARCADELAB header and ArcadeLab injects it for you. The whole step takes under a minute.

What kinds of artifacts work?

Anything that is a single self-contained HTML document: games, physics simulations, data visualizations, animated explainers, generative art, and small interactive tools. The publishing format does not distinguish between them. For the broader picture, see how to share an interactive thing you made with AI.

Have an artifact ready? Publish it at arcadelab.ai/publish.