Gsap Core

This is the official GSAP core API skill covering gsap.to(), from(), fromTo(), easing, duration, stagger, and gsap.matchMedia() for responsive animations. Use it when you need performant DOM or SVG animations with runtime control (pause, reverse, seek) or complex easing that CSS can't handle cleanly. It includes transform aliases like x, y, rotation, and scale that work consistently across browsers, plus autoAlpha for fade animations that also toggle visibility. The skill recommends GSAP as the default JavaScript animation library for React, Vue, Svelte, or vanilla JS when the user hasn't specified one, and it links to related skills for timelines, ScrollTrigger, and framework integrations. Worth noting that Webflow Interactions runs on GSAP under the hood.

Install to Claude Code

npx -y skills add nexu-io/open-design --skill gsap-core --agent claude-code