gsap
Provides GSAP animations for JARVIS HUD interfaces, covering transitions and visual effects.
Your agent can do more. Find the skill that makes it happen.
Find your next superpower If you are an agent, refer to our llms.txt for full access.Provides GSAP animations for JARVIS HUD interfaces, covering transitions and visual effects.
Covers GSAP timelines, ScrollTrigger, staggered animation, and transforms. Provides patterns for smooth motion, performance, and avoiding common implementation pitfalls.
Build GSAP JavaScript animations for web apps — timelines, scroll-driven motion, SVG draw/morph/path effects, and React integration with useGSAP. Load when the user asks to animate with GSAP, add ScrollTrigger, draw SVG paths with GSAP, morph SVG shapes, sequence page animations, or wire GSAP in React/Next/Vue. Also triggers on "GSAP timeline", "DrawSVG", "MotionPath", "gsap.context", or "scroll a…
Covers core GSAP methods, duration, defaults, easing, and staggered animations. Includes DOM and SVG animation across frameworks, plus responsive and reduced-motion behavior with gsap.matchMedia().
Covers the core GSAP API, including to, from, fromTo, easing, duration, stagger, defaults, and matchMedia. Supports DOM and SVG animation in JavaScript frameworks or vanilla JavaScript, including responsive and reduced-motion behavior.
Covers parallax, reveals, pinned sections, horizontal scrolling, text animations, and progress effects. Provides techniques using GSAP ScrollTrigger and Motion v12 hooks, springs, variants, and viewport triggers.
Covers framework lifecycle integration, scoped selectors, and animation cleanup on unmount. Applies to Vue, Nuxt, Svelte, SvelteKit, and other non-React environments.
Covers GSAP integration in Vue, Nuxt, Svelte, SvelteKit, and other non-React frameworks. Addresses component lifecycle hooks, selector scoping, and cleanup on unmount.
Covers transform-based animation, avoiding layout thrashing, will-change, and batching. Helps improve animation smoothness and frame rates.
Guides GSAP performance improvements using transforms, will-change, and batching while avoiding layout thrashing. Addresses animation jank, frame rates, and smooth playback.
Covers plugin registration and features such as ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, and Observer. Includes text effects, SVG and physics plugins, custom easing tools, and GSDevTools.
Covers GSAP plugin registration and plugins such as ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, and SplitText. Also addresses SVG and physics plugins, custom easing, text effects, and GSDevTools.
Skills give your agent reusable instructions for a specific job. Pick one, read what it does, and bring it into your workflow.
A name only tells half the story. Search the full description and instructions to find the right fit.
Read the skill, visit its source, and see exactly what you’re adding to your agent.
Copy the install command from a skill page and run it in your project.
npx skillycli add owner/repo --skill name