Summary
Official GSAP skill for React that teaches you to use the useGSAP hook instead of wrestling with useEffect cleanup. It covers refs, scoping selectors to avoid cross-component conflicts, and contextSafe wrappers for event handlers so animations don't leak between renders. The patterns here prevent the classic mistakes: forgetting to revert contexts, running GSAP during SSR in Next.js, and creating animations in callbacks that never get cleaned up. If you're doing any animation in React, this is the right way to wire up GSAP without fighting the framework or leaving garbage in the DOM.
Install to Claude Code
npx -y skills add nexu-io/open-design --skill gsap-react --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 →
