On June 18, Anthropic shipped artifacts in Claude Code — the feature that turns a coding session's work into live, shareable web pages. Two days earlier, Claude Design got a major overhaul: design system imports, canvas editing, and a /design-sync command that closes the loop between design and code. Boris Cherny, the creator of Claude Code, called artifacts "a game changer" — and the 5.1K likes suggest he's not alone.
This is the operator's guide. What shipped, how to set it up, and where it fits in the agent workflow you're already running.
What Actually Shipped: Artifacts in Claude Code
Artifacts are self-contained HTML pages that Claude Code builds from your session context. They're not static exports — they're live, interactive web pages at private URLs that update as your session progresses.
The content types Anthropic listed in the launch blog post:
