skills.rest
sreejithraman
sreejithramanCOMMUNITY
Explore all skills by this author →
GitHub

gsap

Set up GSAP animations with ScrollTrigger and cleanup patterns.

Updated Aug 23, 2026
Search Tags:#performance#timeline#cleanup#animation#gsap#scrolltrigger
One-click install
npx skills add https://github.com/sreejithraman/shayna --skill gsap
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsap
Source: https://github.com/sreejithraman/shayna/tree/main/.claude/skills/gsap
Command: npx skills add https://github.com/sreejithraman/shayna --skill gsap

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Animations that are hard to clean up or optimize hamper UX and performance. This Skill provides GSAP setup, ScrollTrigger usage, and robust cleanup patterns.

Core Features & Use Cases

  • GSAP Setup: Centralized plugin registration
  • Animation Methods: to/from/to, with proper lifecycle
  • ScrollTrigger: Scrub, markers (debug), and timeline coordination
  • Cleanup: Revert contexts and kill triggers to avoid leaks
  • Use Case: Animate multiple elements on scroll with a clean, centralized cleanup strategy.

Quick Start

Initialize GSAP with a ScrollTrigger-based animation for elements with class '.fade-in' and enable development markers.