Summary
This covers the proper lifecycle patterns for using GSAP in Vue, Svelte, and similar component frameworks. It handles the critical timing issues like creating animations after DOM mount and cleaning them up on unmount to prevent memory leaks. The skill emphasizes scoping selectors with gsap.context() so your animations don't accidentally target elements outside your component, which is a common gotcha when multiple component instances exist. It's basically the non-React counterpart to the gsap-react skill, giving you the same level of cleanup safety but with onMounted/onMount instead of useGSAP.
Install to Claude Code
npx -y skills add greensock/gsap-skills --skill gsap-frameworks --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
