| name | gsap-motion-advanced |
| description | Build advanced GSAP timelines, ScrollTrigger sequences, and plugin-driven interactions. Use only when an approved interaction requires coordinated timelines or scroll-linked storytelling and the selected Profile is motion-gsap-advanced. |
Advanced GSAP Motion
Load gsap-motion first and keep all accessibility, performance, and cleanup rules.
- Model the sequence as a timeline with labels instead of arbitrary delays.
- Define trigger, start, end, scrub, pin, refresh, and teardown behavior before coding.
- Scope ScrollTrigger instances and refresh after measured layout changes.
- Keep content readable and navigation usable when animation is unavailable.
- 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.