Web Animation Design

This teaches you to build animations that feel right, based on Emil Kowalski's animations.dev course. It pushes you toward ease-out for entrances and exits, ease-in-out for on-screen movement, and to skip animations entirely for things users do 100+ times a day. You get concrete cubic-bezier values sorted by intensity, duration guidelines by element type, and the core performance rule: only animate transform and opacity. The most useful part is the decision framework at the top, four questions that cover 90% of animation choices. It also covers springs for gestures and when to use CSS versus JavaScript, with real tradeoffs instead of dogma.

Install to Claude Code

npx -y skills add connorads/dotfiles --skill web-animation-design --agent claude-code