CSS and GSAP animation patterns for websites — ScrollTrigger, timelines, stagger effects, page transitions, micro-interactions, and performance optimization. Use when implementing animations for web design projects, when the user wants scroll-triggered animations, page load reveals, GSAP integration with React/Vite, animation planning, performance best practices, or when a design document specifies animations for sections.
$npx -y skills add lukaskellerstein/claude-my-marketplace --skill animation-systemInstalls into the current project.
Run `npx skills use "https://github.com/lukaskellerstein/claude-my-marketplace" --skill "lukaskellerstein/claude-my-marketplace/animation-system"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/lukaskellerstein/claude-my-marketplace" that are relevant to the current task. Run `npx skills add "https://github.com/lukaskellerstein/claude-my-marketplace"` and select the relevant skills, then follow their instructions.