gsap-animation-engineer
CommunityMaster cinematic animations with GSAP v3.13+ (GreenSock)
Authormarktantongco
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the challenge of creating complex, precise animations for web experiences using GSAP, GreenSock's powerful JavaScript library.
Core Features & Use Cases
- Imperative Animation Control: Offers detailed timeline control for precise animation sequences.
- Scroll-Driven Animation: Enables animations triggered by user scrolling.
- SVG and Text Animation: Provides tools for manipulating SVGs and text with animations.
- Use Case: Ideal for enhancing user engagement on websites with dynamic and interactive content, such as scroll-triggered animations or A/B tested banner ads.
Quick Start
Execute the 'gsap-animation-engineer' skill to create a scroll-driven animation on your web page that reveals elements as users scroll down.
Dependency Matrix
Required Modules
gsapgsap/ScrollTriggergsap/SplitTextgsap/DrawSVGPlugingsap/MorphSVGPlugin@gsap/react
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: gsap-animation-engineer Download link: https://github.com/marktantongco/remotion-video-pro/archive/main.zip#gsap-animation-engineer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.