Iron Law

NEVER ANIMATE LAYOUT PROPERTIES (width, height, top, left, margin) ON LARGE SURFACES. Default to transform and opacity only. Resolve compositor vs paint vs layout tier BEFORE writing any animation CSS.

Fixing Motion Performance — Angular 21.x

When to Use

Load this skill when:

• Angular CSS transitions or animations stutter or drop below 60fps
• Implementing scroll-linked motion or reveal-on-scroll in Angular templates
• Animating layout, filters, masks, gradients, or CSS variables
• Reviewing Angular component styles that use will-change, transforms, or DOM measurement
• Refactoring janky interactions in existing Angular components

How to Use as File Auditor