domains / families / software-engineering / fixing-motion-performance

fixing-motion-performance

authentic

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

When to use

• adding or changing UI animations
• refactoring janky interactions or transitions
• implementing scroll-linked motion or reveal-on-scroll
• animating layout, filters, masks, gradients, or CSS variables
• reviewing components that use will-change, transforms, or measurement
• reviewing file against rules and reporting violations

When not to use

• migrating animation libraries unless explicitly requested

Skill page

Source