What Are Artifacts? (Official Guide)
The official help-center guide to Claude Artifacts — what they are, supported content types (code, docs, HTML, React, SVG, Mermaid), and how to edit, version, publish, and remix them.
How to Install Artifacts
- Copy the artifact code using the button above
- Paste the code into your Claude conversation
- Customise as needed for your project
Anthropic's official guide covers the Artifacts feature end to end: which content types render (interactive HTML/JS, React components, SVG, Mermaid diagrams, markdown docs), how to iterate with versions, how to publish and share artifacts, and how remixing someone else's artifact works.
Useful both as a starting point and for the details people miss — like AI-powered artifacts that call Claude from inside the artifact itself.Categories:
Ad