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.
- skills.sh installs
- 200
- GitHub stars
- 15.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add millionco/react-doctor --skill animation-best-practices --agent claude-codeInstalls into .claude/skills of the current project.
Files
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.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/millionco/react-doctor
- Categories
- Frontend Development, Design & UI/UX
- First seen
- Jun 3, 2026
More from millionco/react-doctor
All 3Recommended
More Frontend Development
new-componentlongbridge/gpui-componentCreate new GPUI components. Use when building components, writing UI elements, or creating new component implementations.197skills.sh installs
angular-jestoguzhan18/angular-ecosystem-skillsALWAYS use when testing Angular applications with Jest, configuring Jest, or migrating from Jasmine/Karma to Jest.190skills.sh installsangular-standaloneoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Standalone Components, imports array, bootstrapping, or migrating from NgModules in Angular applications.189skills.sh installs
html-ppt-weekly-reportnexu-io/open-designTeam weekly / status-update deck — corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table. Use for 周报, business reviews, team statu185skills.sh installs