Animation Best Practices

A practical checklist for when your animations feel off but you can't pinpoint why. It covers debugging techniques like frame-by-frame recording and fixes for common issues like the 1px shake from GPU/CPU handoff in CSS transforms. This is reference material, not theory. Use it when you're already implementing animations and need to troubleshoot or verify you're following solid patterns. It won't teach you animation from scratch, but if you've shipped a few animated components and hit the usual snags, you'll recognize most of these scenarios immediately.

Install to Claude Code

npx -y skills add millionco/react-doctor --skill animation-best-practices --agent claude-code