gsap-scrolltrigger

The gsap-scrolltrigger skill is a comprehensive guide to the GreenSock Animation Platform (GSAP) and its ScrollTrigger plugin for building web animations and scroll-driven experiences. It solves the problem of creating smooth, performant timelines, tweens, and scroll-triggered effects such as pinning, scrubbing, and parallax, and applies across DOM elements, SVG, Canvas, WebGL, and Three.js.

The skill triggers on tasks involving GSAP, ScrollTrigger, smooth animations, scroll effects, and animation sequencing. Based on its twelve bundled files, it provides layered reference material covering tweens and timelines, ScrollTrigger configuration, and choreographed scroll experiences, giving developers a broad knowledge base rather than a single quick-start. Because the input surfaces the SKILL.md and file list but not every reference in depth, the enrichment reflects the documented capabilities: scroll-driven animation, pinning and scrubbing, parallax, and integration with 2D and 3D rendering contexts.

It targets frontend developers, creative technologists, and interaction designers building marketing sites, product landing pages, immersive scroll narratives, and animated data-driven or 3D experiences. Typical use cases include pinned sections that animate as the user scrolls, parallax backgrounds, timeline sequencing tied to scroll position, and coordinating GSAP tweens with Three.js or Canvas scenes. The skill is documentation and reference content with no destructive or network-dependent behavior evident in the scanned files.