Claude Artifacts
Claude Artifacts are structured outputs rendered in a separate panel in Claude.ai. They can be code, long-form documents, interactive React apps, or SVG diagrams — and they support versioning and iteration across the conversation.
In This Section
What Are Artifacts
An overview — what triggers artifact generation, what the panel shows, and how artifacts differ from plain chat output.
Code Artifacts
Runnable code blocks with syntax highlighting — how to prompt for them and copy or download results.
Document Artifacts
Long-form text outputs rendered as markdown — reports, specs, README files, and prose at scale.
React Artifacts
Interactive UI components rendered live in the browser — what is possible and what the sandbox restrictions are.
SVG & Data Artifacts
Charts, diagrams, and structured data outputs — SVG rendering and CSV-style data in the artifact panel.
Iterating on Artifacts
Versioning, editing, and branching artifacts through conversation — how to refine outputs without starting over.