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
Ready to run
npx skills add https://github.com/sreejithraman/shayna --skill gsap
💬 Prompt for ChatGPT / Claude Chat▼
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.