Generate a single GSAP tween (gsap.to, gsap.from, gsap.fromTo, gsap.set). Use for one-off animations on a single target. For sequenced multi-step animations use gsap_timeline instead. For common patterns like fadeIn or slideUp use gsap_preset instead.

Build a GSAP timeline with multiple sequenced or overlapping tweens, labels, and position parameters. Use when you need 2+ animations coordinated together. For a single animation use gsap_tween instead.

Look up GSAP easing functions by name or category. Returns descriptions, parameters, and preview code. Use this to explore available easings — not to generate animations (use gsap_tween or gsap_timeline for that).

Generate ready-to-use code for common animation patterns (fadeIn, slideUp, bounceIn, staggerReveal, parallax, etc.). Use when the animation matches a standard pattern. For custom animations with specific properties use gsap_tween instead.

Animate elements based on scroll position using ScrollTrigger. Use for scroll-driven animations (scrub), pin sections, or trigger-on-scroll effects. For scroll-independent animations use gsap_tween or gsap_timeline instead.

Split text into chars, words, or lines then animate with stagger using SplitText. Use when animating individual characters or words. For plain text replacement use gsap_textplugin instead.

Morph one SVG path into another using MorphSVGPlugin. Target and endShape must be SVG path elements or path data strings. For drawing SVG strokes use gsap_drawsvg instead.

Animate SVG stroke drawing progress using DrawSVGPlugin. Use for line-drawing and reveal effects on SVG paths. For morphing between shapes use gsap_morphsvg instead.

Animate an element along an SVG path or array of points using MotionPathPlugin. Use for curved movement paths. For straight-line positional animation use gsap_tween instead.

Animate smooth layout transitions using GSAP Flip (capture-change-animate). Use for reordering, reparenting, or class-toggle DOM changes. For regular positional animations use gsap_tween instead.

Animate text content replacement character-by-character using TextPlugin or ScrambleTextPlugin. Use type 'replace' for typewriter effect, 'scramble' for randomized scramble reveal. For animating split characters use gsap_splittext instead.

Audit existing GSAP animation code for performance, optimization, and accessibility issues. Use when you want to check code before delivering it — detects layout-triggering properties, GSAP v2 syntax, missing registerPlugin(), stagger risks, and missing prefers-reduced-motion handling. Returns scored issues with severity and fix suggestions. For generating new animation code use gsap_tween or gsap_timeline instead.

Generate playback control code for an existing tween or timeline variable (play, pause, reverse, seek, timeScale, kill, progress). Use when you need runtime control over an animation you have already created. Provide the JS variable name (e.g. tl, heroAnimation) in variableName — NOT a CSS selector. For generating the animation itself use gsap_tween or gsap_timeline instead.

Generate code using GSAP utility functions for math, range mapping, and DOM helpers. Use for value interpolation, clamping, wrapping, snapping, and scoped DOM selection within animation logic. Not for generating animations — use gsap_tween or gsap_timeline for that.

Generate gsap.matchMedia() code that runs different animations per breakpoint or media query. Use when animations need to change based on screen size or prefers-reduced-motion. Each breakpoint specifies a CSS media query string (e.g. '(max-width: 768px)') and its own animations — GSAP auto-reverts them when the breakpoint stops matching. For a single animation without breakpoints use gsap_tween instead.

Generate debugging utilities for GSAP animations during development. Modes: visualize (ScrollTrigger markers + timeline info log), gsdevtools (GSDevTools panel — requires Club GSAP membership), log (onUpdate progress/time logging), slowmo (slow down all animations via globalTimeline.timeScale), labelDump (print all timeline labels). Use only during development — remove all debug code before production.

Generate performance measurement and optimization code for GSAP animations. Three modes: monitor (FPS counter, memory logger, or reflow detector — provide options.metrics), optimize (analyze existing code and annotate performance issues inline — requires code param), profile (measure animation creation time and per-frame render timings). Use monitor and profile during development only.

Generate framework-specific GSAP integration boilerplate with proper animation cleanup. Frameworks: react (hook or component — uses useLayoutEffect + gsap.context for scoped cleanup), vue (composable or component — uses onMounted/onUnmounted + gsap.context), angular (directive or component — uses ngAfterViewInit/ngOnDestroy), svelte (action or component — uses onMount/onDestroy). Always includes cleanup to prevent memory leaks on component unmount.