Claude
Artifacts split long outputs into a live side panel beside the chat.
Claude's distinguishing move is Artifacts: when a reply produces a document, a snippet of code, or a small app, it lifts out of the message stream into a dedicated panel on the right. The conversation stays narrow and readable on the left while the work product gets room to render, preview, and update in place as you ask for changes. This two-pane split solves the classic chat problem of substantial output drowning the thread. The composer accepts pasted files and images inline, and responses stream like its peers. The trade-off is that the panel can feel heavyweight for trivial content, and the line between what becomes an artifact and what stays inline is not always obvious, so you sometimes can't predict where an answer will land.
App store
Flows
Flows for Claude are being captured
We haven't taken Claude apart screen by screen yet. Explore the UX patterns it's known for, or request an audit of your own product.
Request a UX auditApp store
Flows
Flows for Claude are being captured
We haven't taken Claude apart screen by screen yet. Explore the UX patterns it's known for, or request an audit of your own product.
Request a UX auditLanding page
We haven't captured Claude's landing page yet.
Flows
Step through each flow screen by screen.
Notable UX patterns
How does your product compare to Claude?
Get a free UX Snapshot of your page — a quick read on what works and what to fix.
Free course
WCAG 2.2 Fundamentals: Audit a Screen for Accessibility
6 lessons · ~25 min
Start lesson 1 →
