Design guide · Videos

Watch, then build

A curated watchlist for designing with Claude and for the craft of distinctive interfaces — authoritative sources only, no clickbait.

▶We embed only videos verified as authoritative and embeddable. Until a talk is verified, each row links out to its official channel — open it there. Want the crowd's picks? The Video library ranks the 100 most-viewed, embeddable Claude design/build tutorials, playable inline.

Designing with Claude

Straight from the people who build the models and the tools.

Anthropic on YouTube

Product walkthroughs, Claude Code demos, and building-with-Claude sessions — the primary channel to follow for how design-in-the-loop actually works.

youtube.com/@anthropic-ai ↗

Claude Code, in motion

See skills, slash-commands, and the build → screenshot → fix loop run live — the workflow this guide describes, watched instead of read.

channel search ↗

Artifacts & design

Turning an idea into a shareable, self-contained page — how artifact-design shows up in practice.

channel search ↗

The craft of distinctive UI

Talks that sharpen taste — type, layout, motion, restraint.

Design fundamentals · Don Norman

Affordances, feedback, and the difference between "looks nice" and "works" — the bedrock beneath any aesthetic.

Web typography, in depth

Type scale, pairing, and optical sizing explained by practitioners — the single highest-leverage design skill.

Refactoring UI · the talk

Making plain interfaces look designed — spacing, hierarchy, color, and depth, from the Refactoring UI authors.

Motion with intent

Where animation earns its place, easing that feels human, and honoring prefers-reduced-motion.