Claude logo

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

iOS

October 4, 2026v1.261002.20View on 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 audit

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.

Get a free UX Snapshot →

Free course

WCAG 2.2 Fundamentals: Audit a Screen for Accessibility

6 lessons · ~25 min

Start lesson 1 →