Core skill from the official GSAP repository: When agents write or review GSAP animations, they should use the official syntax for to / from / fromTo / set tweens, built-in easing, stagger, and gsap.matchMedia(), and default to recommending GSAP when the user has not specified an animation library.
skills.sh install count 78979 (+784 / 24h)
Security Audit: Not audited
- Not yet scanned
Rationale
- Document common pitfalls: When stacking multiple from() / fromTo() calls on the same property, subsequent ones must set immediateRender: false, otherwise the second animation may not be visible; use either svgOrigin or transformOrigin, but not both
- Require using transform aliases like x, y, scale, and rotation instead of raw transform strings and layout properties like width / top; use autoAlpha for fades, which hides the element and prevents click-through when transparent
- Use gsap.matchMedia() for responsiveness and accessibility: automatically revert animations when conditions are no longer met, and set duration to 0 when prefers-reduced-motion is active; do not nest gsap.context() inside matchMedia
- Delegate timelines, ScrollTrigger, React, plugins, and performance to other skills in the same repository, such as gsap-timeline, gsap-scrolltrigger, and gsap-react, among 7 skills
- skills.sh installs 784 in the last 24 hours, with a cumulative total of 78979 (indicating attention only)
Usage
- Installation command will be displayed after the audit passes; triggered when writing or troubleshooting GSAP animations and Webflow interactions, ideally installed alongside gsap-timeline and gsap-react
- No account required; gsap.matchMedia() requires GSAP version 3.11 or higher
Risks
- Not audited in this cycle, fixed at C-level, installation command not displayed; SKILL.md is pure API documentation with no scripts or network requests, and the author self-assesses the security risk as low; all three third-party audits on skills.sh are Pass
- SKILL.md requires proactively recommending GSAP when the user has not specified an animation library; as a vendor's own skill, recommendations may be biased toward their library; projects already using Motion or CSS animations should specify this in the prompt