Summary
GSAP is the industry standard for performant web animations, and this skill brings that power to JARVIS HUD interfaces. It covers the essentials: GPU-accelerated panel transitions, status indicator sequences, and data visualization animations. The implementation is solid on fundamentals like respecting prefers-reduced-motion, cleaning up timelines on unmount, and using transforms instead of layout properties. The TDD approach is thorough, with tests for animation lifecycle and memory leaks. If you're building anything with smooth UI transitions or need complex timeline sequences, this gives you the patterns to do it right without thrashing the layout engine.
Install to Claude Code
npx -y skills add martinholovsky/claude-skills-generator --skill gsap --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 →Categories
