Artifacts

What it is

When Claude makes something — a React app, a document, a game, a slide deck — it opens in a side panel called an Artifact. You can keep chatting and Claude edits the artifact in place. You can publish artifacts from the top-right of the panel and revisit them in the Artifacts gallery.

Where to find it

On desktop

• Artifacts open automatically in a right-side panel when Claude builds one.
• Sidebar → Artifacts — the gallery of everything you’ve made.

On the web

• Same side-panel behaviour in any chat.
• claude.ai/artifacts/my — the gallery.

How to use it

Make one

1. Ask Claude to build something — “make me a pomodoro timer”, “draft a one-pager on X”.
2. The artifact renders in the side panel as Claude generates it.
3. Iterate in chat: “make it blue”, “add a pause button”. Claude edits the same artifact.

Use the Artifact Builder (guided path)

1. On a fresh chat, pick a category from the builder prompts: Apps and websites · Documents and templates · Games · Productivity tools · Creative projects · Quiz or surveys · Start from scratch.
2. Claude walks you through a short Q&A: what are you making, what’s it for, who’s it for.
3. It builds the artifact from your answers.

Publish or share

The top-right of the artifact panel has a Publish (or Share) control:

• Publish (Free, Pro, Max) — makes the artifact publicly available. Anyone with the link can view and interact with it. After publishing, use Get embed code to embed it on a website; you specify allowed domains as a comma-separated list.
• Share (Team, Enterprise) — makes the artifact available within your organization only. Click Share & copy link; authenticated org members with project permissions can access it.

Anyone viewing a published or shared artifact can click Customize to launch a new conversation seeded with the original content, leaving the source unchanged.

Once you unpublish an artifact, you cannot publish that same artifact again. Unpublishing also permanently deletes any associated persistent storage.

Connect an artifact to MCP tools

MCP integration for artifacts is available on Pro, Max, Team, and Enterprise plans.

Artifacts can call external services through the Model Context Protocol — reading from and writing to tools like Asana, Google Calendar, and Slack, plus any custom MCP server you’ve configured. On first interaction you’ll be prompted to approve access; your preferences persist for later uses of that artifact.

Each user must authenticate MCP servers independently, even when using a shared or published artifact. Organization admins can enable or disable artifact MCP access at the org level but cannot control which specific servers artifacts may use.

Build an AI-powered artifact

You can build artifacts that embed Claude itself — turning them into AI-powered apps (Q&A tools, coaches, games, personalized content generators).

1. Describe what you want.
2. Claude writes the code.
3. The app runs on Anthropic’s infrastructure.
4. Users authenticate with their own Claude account and interact with their own instance.

No API keys, no cost to the creator. Usage counts against each user’s own Claude subscription limits, not yours. For Team and Enterprise plans, sharing AI-powered artifacts within the org doesn’t incur cost to the creator either.

Good to know

• Artifacts can use libraries. React artifacts ship with Tailwind, Recharts, Lucide icons, MathJS, lodash, d3, Plotly, Three.js, shadcn/ui, Chart.js, Tone.js, and more — all pre-loaded.
• localStorage and sessionStorage are blocked inside the artifact sandbox. For cross-session state, use persistent storage (below) — a different mechanism that works on published artifacts only.
• Persistent storage (Pro, Max, Team, Enterprise, on published artifacts only) lets an artifact keep data across sessions. Two modes:
  • Personal storage — each user has their own private data (e.g. your journal entries stay yours).
  • Shared storage — all users see the same data (e.g. a leaderboard). You get a confirmation dialog the first time you interact with a shared-storage artifact.
  • Limits: 20 MB per artifact, text-only (no images, files, or binary data), personal and shared are isolated, and unpublishing an artifact permanently deletes all its storage data. Storage operations don’t succeed in draft artifacts — publish first.
• Multiple artifacts per chat — Claude can open several artifacts in one conversation. Use the slider icon in the upper right to switch between them and choose which one Claude edits next.
• Fixing errors — if an artifact errors, click Try fixing with Claude near the error to drop details into a new message.
• The gallery keeps your history. Every artifact you’ve ever made is in there, searchable. Admins can manage some artifact settings at the org level.

What’s changed recently

• 2026-04-18 — Cross-referenced with official help-center articles; added sources.
• 2026-04-18 — Page verified.

Related

• Chat composer