Guide GSAP implementations with safe DOM targeting and structured orchestration.
npx skills add https://github.com/Probably-Group/Dev-AID --skill gsap-probably-group
Please help me install this Agent Skill. Skill: gsap Source: https://github.com/Probably-Group/Dev-AID/tree/main/.dev-aid/skills/expert/gsap Command: npx skills add https://github.com/Probably-Group/Dev-AID --skill gsap-probably-group
This Skill prevents janky, insecure, and hard-to-maintain GSAP animation implementations by enforcing safe DOM usage, cleanup discipline, and performance/accessibility best practices.
Use the gsap skill when you need to implement a GSAP tween or timeline (including optional ScrollTrigger or Flip) for a scroll-driven or complex motion sequence in a web UI, ensuring you use validated element references, GPU-friendly properties, cleanup, and reduced-motion fallbacks.
High-intent search queries and answers about installing and using this skill.
Prevent janky GSAP animations by using validated element references, GPU-friendly transform properties, and structured timeline orchestration. This approach avoids layout thrashing and ensures smooth DOM targeting within modern frontend component frameworks.
Safely clean up GSAP ScrollTrigger effects by scoping triggers and executing animation cleanup on component unmount. This practice prevents memory leaks and ensures reliable scroll-driven motion behavior across complex web applications.
Handle prefers-reduced-motion in GSAP timelines by disabling scroll effects and providing fallback states for users who request reduced motion. This ensures accessibility compliance while maintaining structured animation orchestration for other visitors.
GSAP works with React for complex Flip layout transitions by using the useGSAP hook for structured integration. This approach applies validated selectors and animation cleanup to safely orchestrate state-driven UI transformations.
GSAP animations break with unvalidated DOM selectors due to security constraints and targeting failures. Using validated element references ensures safe DOM usage, prevents layout thrashing, and maintains reliable animation execution.
magicpro97Implement GSAP animations in React components with the useGSAP hook.
ScarletFishSynchronize GSAP tweens and timelines with browser scroll position.
Festo-WampambaReviews animation and motion code for craft regressions.
Yakoub-aiManage Phaser 4 character animation states and tweening sequences.
