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.

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:
| Type | Useful for |
|---|---|
| Documents (Markdown or plain text) | Briefs, reports, SOPs |
| Code snippets | Scripts, formulas, tracking snippets |
| Single-page HTML websites | Landing page drafts, event pages |
| SVG images | Simple graphics and icons |
| Diagrams and flowcharts | Processes, funnels, org charts |
| Interactive React components | Calculators, quizzes, dashboards |
| AI-powered applications | Tools 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.
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
- Campaign briefs as clean documents that go straight into the team's drive.
- Landing page drafts in HTML, reviewed in the browser before a designer touches them.
- Calculators for pricing, ROI or savings, embedded on a sales page.
- Funnel and process diagrams for onboarding and planning meetings.
- Interactive dashboards built from a pasted CSV export for a quick weekly review.
- Quizzes and assessments for lead generation or internal training.
- 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:
- The type: "an interactive calculator," "a one-page HTML landing page," "a Markdown brief."
- The user: who will open it and what they need to decide or do.
- The data: paste the numbers or upload the file instead of letting Claude invent sample values.
- The rules: brand colors, fonts, required fields, what must never appear.
- 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
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 meTeam 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 workshopKeep reading

Claude Skills
Claude Projects: How to Set Them Up So They Actually Help
Claude Projects explained: what they are, free vs paid limits, how project knowledge and instructions work, team sharing and five setups worth copying.

Claude Skills
Claude Marketing Skills: What to Install and Build
Claude marketing skills worth using in 2026: the best open-source library, how to install it, which skills to start with, and how to build gates of your own.

Claude Skills
Claude Design Skills: Build Sites That Don't Look AI
Claude design skills that stop generic AI layouts: how Claude Design works, the frontend-design skill's list of AI tells, and how to write your own skill.