CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness.
Quickly install animation-best-practices AI skill to your development environment via command line
Source: aidenybai/react-scan.
Detailed reference guide for common animation scenarios. Use this as a checklist when implementing 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.
Elements may shift by 1px at the start/end of CSS transform animations due to GPU/CPU rendering handoff.
CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness. Source: aidenybai/react-scan.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/aidenybai/react-scan --skill animation-best-practicesCSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness. Source: aidenybai/react-scan.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/aidenybai/react-scan --skill animation-best-practices Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/aidenybai/react-scan