GSAP Frameworks skill: what it does and how to install it
Integrates GSAP animations into Vue, Nuxt, Svelte and other component frameworks using lifecycle hooks, scoped selectors and cleanup.
Summary generated from the skill's documentation.
Install
$ npx skills add greensock/gsap-skills --skill gsap-frameworksRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Shows how to create GSAP tweens and ScrollTriggers after a component mounts, scope selector searches to its root, and revert animations on unmount. Covers Vue and Nuxt plugin patterns, Svelte cleanup, and lazy-loading plugins.
When to use it. For writing or reviewing GSAP animation code in Vue, Nuxt, Svelte, SvelteKit or similar lifecycle-based frameworks. Use the separate GSAP React guidance for React components.
History
Repo stars
16k
Tracking since . A chart appears once there are 7 days of data.
Stars are counted for the whole repository, which holds 8 skills.
Installs
53.3k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- Finishing a Development BranchGuides the choice of how to integrate finished work once tests pass: merge, pull request or cleanup.
- Using Git WorktreesSets up an isolated workspace with git worktrees before feature work or plan execution begins.
- Git Guardrails for Claude CodeSets up Claude Code hooks that block dangerous git commands such as push, reset --hard and clean before they run.