animation-best-practices
Installation
SKILL.md
Practical Animation Tips
Detailed reference guide for common animation scenarios. Use this as a checklist when implementing animations.
Recording & Debugging
Record Your Animations
When something feels off but you can't identify why, record the animation and play it back frame by frame. This reveals details invisible at normal speed.
Fix Shaky Animations
Elements may shift by 1px at the start/end of CSS transform animations due to GPU/CPU rendering handoff.
Fix:
Related skills
More from millionco/react-doctor
react-doctor
Use when finishing a feature, fixing a bug, before committing React code, or when the user wants to improve code quality or clean up a codebase. Checks for score regression. Covers lint, dead code, accessibility, bundle size, architecture diagnostics.
7.8Kremotion-best-practices
Best practices for Remotion - Video creation in React
118