Ux Friction

This helps you spot when animations are getting in your users' way instead of helping them. It walks through common friction points like blocking interactions, confusing state changes, and decorative motion that slows people down. The diagnosis framework covers timing issues, missing feedback cues, and attention guidance problems. What I like is the pragmatic checklist and the 30% duration reduction rule, which honestly fixes most animation problems. It's grounded in animation principles but focused entirely on reducing user frustration rather than making things look fancy. Use this when you suspect your animations are causing abandonment or when users keep clicking through transitions because they feel too slow.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill ux-friction --agent claude-code