Artifacts allow Claude to share substantial, standalone content with you in a dedicated window separate from the main conversation. Artifacts make it easy to work with significant pieces of content that you may want to modify, build upon, or reference later.
When does Claude use Artifacts?
Claude creates an Artifact when the content it is sharing has the following characteristics:
It is significant and self-contained, typically over 15 lines of content
It is something you are likely to want to edit, iterate on, or reuse outside the conversation
It represents a complex piece of content that stands on its own without requiring extra conversation context
It is content you are likely to want to refer back to or use later on
Some common examples of Artifact content include:
Documents (Markdown or Plain Text)
Code snippets
Websites (single page HTML)
Scalable Vector Graphics (SVG) images
Diagrams and flowcharts
Interactive React components
How do I use Artifacts?
When Claude creates an Artifact, you'll see the Artifact content displayed in a new dedicated window to the right side of the main chat. This allows you to easily view, copy, and work with the Artifact content.
A few key things to know about interacting with Artifacts:
You can ask Claude to edit or iterate on the content and these updates will be displayed directly in the Artifact window.
These edits won't change Claude's memory of the original Artifact content, and you can switch between each version using the version selector at the bottom left of the Artifact.
You can open and view multiple Artifacts in one conversation using the chat controls. To access this, click on the slider icon in the upper right corner. Select the Artifact you’d like Claude to reference and then continue where you last left off.
Claude may update an existing Artifact in response to your messages. The Artifact window will update to show the latest content.
You can view the underlying code of an Artifact, copy the content to your clipboard, or download a file to easily reuse it outside the conversation. These options are located in the lower right corner of your Artifact.
Editing Artifacts with the analysis tool enabled
This functionality requires the analysis tool feature preview. For more information on enabling this feature preview, visit the resource here.
With the analysis tool feature preview enabled, Claude can make targeted changes to specific sections of an Artifact instead of rewriting it entirely. With this tool enabled, there are two ways to edit Artifacts:
1. Targeted Updates
For small changes to specific sections, Claude can update just that portion while leaving the rest unchanged.
You can simply describe what you want changed and where.
For example: "Could you change the color of the button from red to blue?" or “Update the first paragraph to include a problem statement.”
2. Full Rewrites
For major changes affecting most of the content, Claude can rewrite a new version
This is better for substantial restructuring or when multiple sections need to change
For example: "Could you completely redesign the button to be a toggle instead?" or “Could you rewrite this technical documentation to be a customer-facing FAQ instead?”
In both cases, each edit creates a new version that you can access through the version selector, letting you track changes while you work.
Best Practices:
Be specific about which part you want to change
For targeted updates, reference unique identifying text around your desired change
Consider whether a small update or full rewrite would be more appropriate for your needs