fixing-motion-performance

Audit and fix animation performance issues including layout thrashing, compositor properties, and scroll-linked motion.

ibelick ↓ 19k

Claude Code

View source ↗

What it does

/fixing-motion-performance
/fixing-motion-performance <file>
violations (quote the exact line or snippet)
why it matters (one short sentence)
a concrete fix (code-level suggestion)
adding or changing UI animations (CSS, WAAPI, Motion, rAF, GSAP)
refactoring janky interactions or transitions

Requirements & configuration

use JS-driven animation only when interaction requires it
compositor motion requires layer promotion, never assume it

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

Audit and fix animation performance issues including layout thrashing, compositor properties, and scroll-linked motion.

Source

Repository: https://github.com/ibelick/ui-skills

fixing-motion-performance FAQ

What does the fixing-motion-performance skill do?

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. /fixing-motion-performance /fixing-motion-performance <file>

What does fixing-motion-performance require?

use JS-driven animation only when interaction requires it compositor motion requires layer promotion, never assume it

How do I install fixing-motion-performance?

Run: npx -y skills add https://github.com/ibelick/ui-skills --skill fixing-motion-performance --agent claude-code — the source lives at github.com/ibelick/ui-skills.

Maintain fixing-motion-performance?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![fixing-motion-performance on getagentictools](https://getagentictools.com/badge/skills/ibelick-ui-skills-fixing-motion-performance.svg)](https://getagentictools.com/skills/ibelick-ui-skills-fixing-motion-performance?ref=badge)

npx agentictools info skills/ibelick-ui-skills-fixing-motion-performance

The second line is the CLI lookup for this page — handy in READMEs and docs.