Setup & Installation
What This Skill Does
Handles GSAP animation setup and teardown for Vue, Nuxt, Svelte, and SvelteKit. Covers component lifecycle integration: creating tweens after mount, scoping selectors to the component root, and cleaning up animations and ScrollTriggers on unmount. Without lifecycle-aware setup, GSAP selectors silently match elements across the whole page and ScrollTrigger instances accumulate on every mount, causing animation conflicts and memory leaks that are hard to trace.
When to use it
- Working with gsap frameworks functionality
- Implementing gsap frameworks features
- Debugging gsap frameworks related issues
