These skills help an agent add motion to websites and web apps. Most come from the official GSAP skills pack; a few cover interaction polish more generally.
21 skillsCreate premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, creative studio portfolios, Awwwards-style interactions, smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement.
Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe.
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools.
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.
Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback.
Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching.
Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers.
Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup.
Build web animations with official GSAP guidance for tweens, timelines, ScrollTrigger, plugins and framework cleanup.
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion).
Pick the GSAP skill for the job (core tweens, timelines, ScrollTrigger, React integration or performance); use the interaction-polish skills when motion should make an interface feel better rather than impress.