How-to
How to use Claude artifacts
Five steps from a blank chat to a finished, published page — creating an artifact, shaping it in conversation, taking the code with you, and putting it online properly.
The short answer
To use Claude artifacts, ask Claude to build something concrete — a web page, calculator, document, or diagram — and it opens the result in an artifact window beside the chat. From there you iterate in plain language, copy or download the code, and publish the finished artifact as a standalone link.
Step by step
The five steps
Check artifacts are on
Artifacts are available on every Claude plan and are on by default for most accounts. If a build request only returns code in the chat, check your Claude settings and make sure artifacts are enabled.
Ask for something concrete
Prompt Claude to build a thing, not explain one: “build a pricing calculator”, “make a one-page proposal”. Substantial, self-contained outputs open as an artifact automatically.
Iterate in plain language
The artifact updates as you keep talking — “make the header navy”, “add a monthly toggle”. No code editing needed, though you can switch to the code view anytime.
Copy or download the code
Every artifact is real code underneath. Use the artifact’s copy or download control to take the HTML with you — that file works in any browser, with or without Claude.
Publish it properly
To put it in front of someone else, publish it as a hosted link: say “publish this” with the Pagelive connector, or upload the HTML — private, noindex, and tracked by default.
Creating one
Prompts that reliably open an artifact
Artifacts open when the output is substantial and self-contained. Ask for a deliverable, name the audience, and describe the content — Claude does the rest.
“Build a one-page proposal for a website redesign project:
scope, three pricing tiers, and a timeline. Make it look
like a designed page, not a document.”Stuck with a blank or broken artifact instead? See Claude artifacts not working: common fixes.
Taking it with you
Downloading the code — and checking it renders
Every artifact is ordinary web code underneath, and the copy and download controls on the artifact window hand it to you as a file. That file is yours: it opens in any browser and doesn’t need Claude to run. Before sending it anywhere, it’s worth a 30-second check that it renders on its own — paste it into the free HTML viewer and look at it outside Claude.
Step 5, properly
Publish it as a link worth sending
An artifact in your chat is invisible to everyone else. Publishing turns it into a real page — and how you publish decides whether it’s public or private. Pagelive links are noindex by default, password-protectable, and tracked, so you see opens, unique viewers, and time on page.
Using artifacts FAQ
How do I enable artifacts in Claude? +
On most accounts artifacts are already on — ask Claude to build something and the artifact window opens by itself. If it doesn’t, open your Claude settings and check that artifacts are enabled (as of June 2026 they’re available on every plan, including Free).
Why didn’t my request open an artifact? +
Artifacts open for substantial, self-contained outputs — pages, apps, documents, diagrams. Short snippets and explanations stay in the chat. Asking explicitly (“build this as an artifact”) usually does it.
How do I share an artifact once it’s done? +
Publish it as a link. Claude’s own Publish button makes a public page; for client work, a Pagelive link is private by default — noindex so it won’t show up on Google, password-protectable, and tracked so you see who opened it. Your first 10 pages are free.
You’ve built it. Now send it.
Turn the artifact into a private, tracked link in the next two minutes — free to start.