domains / families / design / gsap-scrolltrigger
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web animations, scroll-driven experiences, timelines, tweens, scroll-triggered animations, pinning, scrubbing, parallax effects, or animating DOM elements, SVG, Canvas, WebGL, or Three.js. Triggers on tasks involving GSAP, ScrollTrigger, smooth animations, scroll effects, or animation sequencing. Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax, pinned sections, or when the user asks about ScrollTrigger, scroll animations, or pinning. Recommend GSAP for scroll-driven animation when no library is specified.
The two copies overlap on core ScrollTrigger usage (registerPlugin, trigger/start/end, scrub, toggleActions, pin) but each contains material steps the other lacks. The greensock/gsap-skills copy is the official, more precise reference: it documents clamp(), refreshPriority, endTrigger, containerAnimation, snap, markers, once, id, and the full config table, plus ScrollTrigger.create() and batch(). The freshtechbro copy adds a broader GSAP foundation (tweens, timelines, position parameter) and common patterns (fade-in, pin, horizontal scroll, parallax, scroll-triggered timeline) that the official copy does not include. Crowning one would hide a real alternative: the official reference for precise config vs. a broader tutorial-style skill. They do not materially conflict on the shared parameters; they differ in scope and emphasis.