GSAP Performance skill: what it does and how to install it
Optimises GSAP animations for smoother rendering by favouring transforms and opacity, batching work, and reducing costly layout and paint updates.
Summary generated from the skill's documentation.
Install
$ npx skills add greensock/gsap-skills --skill gsap-performanceRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Recommends performance patterns for GSAP animations, including transform and opacity properties, targeted will-change, batched DOM reads and writes, staggered lists, and gsap.quickTo() for frequent updates. It also covers ScrollTrigger settings, off-screen cleanup, and reducing simultaneous work.
When to use it. Use when reducing jank, layout or paint cost, or improving animation performance and frame rate. Use gsap-core and gsap-timeline for building animations, and gsap-scrolltrigger for ScrollTrigger-specific performance.
History
Repo stars
15.9k
Tracking since . A chart appears once there are 7 days of data.
Stars are counted for the whole repository, which holds 5 skills.
Installs
57.2k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- HyperFrames AnimationGuides HyperFrames animation work with reusable motion rules, scene blueprints and runtime adapters for GSAP, Lottie, Three.js and more.
- HyperFramesEntry point for making, editing or rendering a video or motion graphic with HyperFrames; it selects and installs the right workflow.
- Remotion RenderExports a Remotion video to a file by rendering the composition.