skills.rest
CrazySwami
CrazySwamiCOMMUNITY
Explore all skills by this author →
GitHub

gsap-animations

Create GSAP animations with ScrollTrigger and reduced-motion fallbacks.

5|1|Updated Dec 28, 2025
Search Tags:#performance#accessibility#animation#ScrollTrigger#GSAP
One-click install
npx skills add https://github.com/CrazySwami/wordpress-dev-skills --skill gsap-animations
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsap-animations
Source: https://github.com/CrazySwami/wordpress-dev-skills/tree/main/skills/gsap-animations
Command: npx skills add https://github.com/CrazySwami/wordpress-dev-skills --skill gsap-animations

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive guide to GSAP-driven animations with accessibility and performance considerations.

Core Features & Use Cases

  • Animation patterns: Fade, stagger, parallax, text reveal, curtain reveals.
  • Accessibility: Prefers-reduced-motion handling and CSS fallbacks.
  • Responsive: Breakpoint-aware GSAP matchMedia examples.

Quick Start

Integrate GSAP animations in your theme with ScrollTrigger, then ensure accessibility by respecting reduced motion and providing fallbacks.