SKILL39Motion
Optimizing Frontend Motion Performance
Profiles animation work and removes waste from offscreen loops, lifecycle leaks, expensive effects, and unconstrained WebGL rendering.
Primary benefit
Restores smooth, stable motion while preserving the intended visual experience.When to use
Use when a frontend has janky scrolling, excessive CPU or GPU use, long-session slowdown, offscreen animation work, WebGL or RAF loops, animation-related memory leaks, or costly GSAP effects.
When not to use
Do not use without a measured motion-related performance symptom, and do not treat build success as runtime evidence.
Use cases
Stop offscreen animation and WebGL work
Find and remove motion-related lifecycle leaks during route cycles
Example prompts
Use optimizing-frontend-motion-performance to profile this long-session slowdown and preserve the visible motion while removing wasted work.Install this skill
Choose the command for your operating system and run it from the repository root.
Bash
./install.sh --skill optimizing-frontend-motion-performancePowerShell
./install.ps1 --skill optimizing-frontend-motion-performanceChatGPT
Download Skill ZIPCompatibility
- Surfaces
- ChatGPT · Codex · Claude Code
- Operating systems
- Linux · macOS · Windows
- Install modes
- PluginFilesystem
Dependencies
No external dependencies
Part of systems
Curated systems that canonically include this method.
Used in evidence
Reports that explicitly list this method among the applied methods.