---
name: qierkang/gsap-motion-advanced
source: https://app.decimal.ai/s/qierkang-gsap-motion-advanced@1/SKILL.md
source_sha256: 7157b651361d
---

# Advanced GSAP Motion

Load gsap-motion first and keep all accessibility, performance, and cleanup rules.

1. Model the sequence as a timeline with labels instead of arbitrary delays.
2. Define trigger, start, end, scrub, pin, refresh, and teardown behavior before coding.
3. Scope ScrollTrigger instances and refresh after measured layout changes.
4. Keep content readable and navigation usable when animation is unavailable.
5. Test deep links, browser back, resize, reduced motion, repeated mount, and low-powered devices.

Use advanced plugins only for a verified interaction requirement. A request for more dynamism is not sufficient evidence.