Skip to content
Christian Monge

Claude Skills

Claude Artifacts: What They Are and 7 Ways to Use Them

Claude artifacts explained: what counts as an artifact, how to turn them on, publishing and sharing, AI-powered apps, storage limits and seven practical uses.

cmChristian Monge4 min read
A floating frosted glass window showing an abstract dashboard of blue bars and a lavender slider beside a glowing blue orb

Claude artifacts are what happens when Claude's answer is something you'll actually use: a document, a dashboard, a landing page draft or a small interactive tool. Instead of a wall of text in the chat, the output opens in its own window where you can view it rendered, edit it, download it or publish it with a link.

For non-technical teams, artifacts are the fastest way to turn "Claude wrote this" into "we're using this." Here's how they work and seven uses that earn their keep.

What are Claude artifacts?

The Claude Help Center describes artifacts as substantial, standalone content shown in a dedicated window separate from the chat. Claude creates one when the content is significant and self-contained, typically more than 15 lines, and something you're likely to edit or reuse.

Artifacts are available on Free, Pro, Max, Team and Enterprise plans, in Claude on the web and desktop, in Claude Cowork and in Claude Code.

How to turn artifacts on

Artifacts depend on a capability setting:

  • Individual plans: Settings, then Capabilities, then turn on "Code execution and file creation."
  • Team and Enterprise: an owner enables it in Organization settings, then Capabilities.

Source: Claude Help Center. Once it's on, ask for something substantial, like "build a one-page campaign brief document" or "make an interactive ROI calculator," and the artifact window opens.

Types of Claude artifacts

The Help Center lists these common formats:

TypeUseful for
Documents (Markdown or plain text)Briefs, reports, SOPs
Code snippetsScripts, formulas, tracking snippets
Single-page HTML websitesLanding page drafts, event pages
SVG imagesSimple graphics and icons
Diagrams and flowchartsProcesses, funnels, org charts
Interactive React componentsCalculators, quizzes, dashboards
AI-powered applicationsTools that use Claude inside them

You can ask for edits in plain language, edit Markdown in place with "Edit with Claude," switch between versions, and copy or download the result.

How to Use Claude Artifacts (Full Tutorial) · Kevin Stratvert

Publishing, sharing and embedding

How you share depends on your plan, per the Help Center guide to publishing and sharing:

  • Publishing (Free, Pro, Max): the artifact becomes publicly available, and anyone with the link can view and interact with it.
  • Sharing (Team, Enterprise): the artifact is available only inside your organization, and viewers log in to see it.

Published artifacts also appear in the Artifacts section of your sidebar. You can get embed code to place an artifact on another website, and you must list the domains allowed to embed it.

One limit to know: once you unpublish an artifact, you can't publish that same artifact again. You'd need to create a new one.

AI-powered artifacts and storage

AI-powered artifacts are small apps with Claude built in, such as a tool that rewrites product descriptions or scores headlines. The Help Center explains that people who use a shared AI-powered artifact authenticate with their own Claude accounts, and the usage counts against their subscription limits, not the creator's. No API keys are needed.

Two advanced features require Pro or higher:

  • MCP integration: artifacts can connect to external services such as Asana, Google Calendar and Slack.
  • Persistent storage: up to 20 MB per artifact, with personal or shared data.

If MCP is new to you, best MCP servers explains what it unlocks.

Seven ways teams use Claude artifacts

  1. Campaign briefs as clean documents that go straight into the team's drive.
  2. Landing page drafts in HTML, reviewed in the browser before a designer touches them.
  3. Calculators for pricing, ROI or savings, embedded on a sales page.
  4. Funnel and process diagrams for onboarding and planning meetings.
  5. Interactive dashboards built from a pasted CSV export for a quick weekly review.
  6. Quizzes and assessments for lead generation or internal training.
  7. Internal AI tools, like a headline scorer that applies your brand rules, shared with the team so everyone uses the same standard.

For repeat use, keep the data and instructions in a Claude Project, so the artifact you build next month follows the same rules.

How to ask for an artifact that works first time

Vague requests get generic artifacts. A good request names five things:

  1. The type: "an interactive calculator," "a one-page HTML landing page," "a Markdown brief."
  2. The user: who will open it and what they need to decide or do.
  3. The data: paste the numbers or upload the file instead of letting Claude invent sample values.
  4. The rules: brand colors, fonts, required fields, what must never appear.
  5. The first version's scope: "keep it to one screen, no login, no charts yet."

Then iterate in small steps: "move the total to the top," "add a reset button," "make the inputs accept decimals." Big rewrites in one message tend to break things that already worked, while small edits keep a clean version history you can roll back.

Limits to know

  • Artifacts are for self-contained outputs; they aren't a replacement for a real website, database or production app.
  • Published artifacts are public on individual plans, so never put confidential data in one you publish.
  • Heavy use of AI-powered artifacts consumes each viewer's limits.

Artifacts are one of the first things I teach non-technical teams, because they turn Claude from a chat into a tool factory. See how it fits with everything else in Claude vs ChatGPT, or bring it to your team with my AI training packages. The free Claude 101 lesson on artifacts is a good next step.

Frequently asked questions

What are Claude artifacts?

Claude artifacts are substantial, standalone pieces of content that Claude shows in a dedicated window next to the conversation, typically when the output is longer than about 15 lines and something you would edit or reuse. Examples include documents, code, single-page websites, SVG images, diagrams and interactive React components.

Are Claude artifacts free?

Yes. According to the Claude Help Center, artifacts are supported on Free, Pro, Max, Team and Enterprise plans. Some advanced features, such as connecting artifacts to external services through MCP and persistent storage, require Pro or higher.

How do I turn on artifacts in Claude?

On individual plans, go to Settings, then Capabilities, and turn on code execution and file creation. On Team and Enterprise plans, an owner enables it in Organization settings, then Capabilities.

Can I share a Claude artifact with someone who doesn't use Claude?

On Free, Pro and Max plans you can publish an artifact so anyone with the link can view and interact with it. On Team and Enterprise plans, sharing is limited to people in your organization, who need to log in to view it.

Sources

  1. 01What are artifacts and how do I use them? (Claude Help Center)
  2. 02Publish and share artifacts (Claude Help Center)
  3. 03Creating with artifacts, Claude 101 (Claude Academy)
cm

Christian Monge

Builds AI second brains with Obsidian and Claude Code, co-founded the competitive-intelligence SaaS Pengu Insights, and trains teams in English and Spanish from Madrid.

More about me

Team Training

Bring this to your team.

Hands-on Claude training in English or Spanish, built around the tasks your people repeat every week.

Plan a team workshop

Keep reading