fixing-motion-performance: a Claude Code skill by Julien Thibeaut
For front-end developers whose CSS or JS animations stutter or whose scroll effects jank. Skip it if you want new motion designed or a switch to another animation library.
- Score
- 72of 100
- Rank
- #159of 239
- Installs
- 28.8Kon skills.sh
- Security
- Clear 5 scanners
- Updated
- 2026
- Context
- ~62tokens always
Install
npx skills add https://github.com/ibelick/ui-skills --skill fixing-motion-performance
Run it in your terminal. View the source
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does fixing-motion-performance do?
fixing-motion-performance is a skill by ibelick that audits and fixes slow web animations. Run alone, it applies its rules to all animation work in the conversation; given a file, it quotes each violating line, says why it matters in one sentence, and suggests a code fix. Rules come in nine priority groups. Never interleave layout reads and writes, never drive motion from scroll events, and stop every rAF loop. Default to transform and opacity, measure once and use FLIP for layout changes, prefer scroll or view timelines and IntersectionObserver, keep blur under 8px, and use will-change sparingly. It keeps your current animation library.
When should you use fixing-motion-performance?
Use it when
- A transition stutters on lower-end devices
- You are adding scroll-linked reveal effects
- You want an animation file reviewed for layout thrashing
Skip it when
- You want help designing new motion
- Your animations are in a native mobile app
What it needs and what it can touch
What it can do
- Reads project files
- Edits files when you ask for fixes
From reading its instructions, not from running it.
Why it scores 72
Strongest on upkeep (100 of 100), weakest on adoption (48).
Is fixing-motion-performance safe to install?
Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Passed | Sep 14, 2026 |
| Socket | Passed | Sep 14, 2026 |
| Snyk | Low risk | Sep 14, 2026 |
| Runlayer | Passed | Feb 26, 2026 |
| ZeroLeaks | Passed | Apr 16, 2026 |
Details
- Installs
- 28,786
- Repository stars
- 10,963
- Last repository change
- Tokens always loaded
- about 62
- Tokens when used
- about 1,320
- License
- MIT
- Data confidence
- High
Did it do the job for you?
Alternatives to fixing-motion-performance
All skills for this job-
Get gsap-performancegsap-performance
For developers whose GSAP animations stutter and who want them smoother.
-
Get gsap-scrolltrigger
gsap-scrolltrigger
For front-end developers building scroll-linked animation, pinned sections or parallax with GSAP.
-
Get review-animationsreview-animations
For front-end teams who want a strict second opinion on animation code before it ships.
-
Get apple-design
apple-design
For web designers and developers who want gestures, springs and sheets that feel like Apple's interfaces.
fixing-motion-performance