taotao135791-bit/gsap-transform
Plugin Claude Code
Community, third-party GSAP motion skills for Cursor, Claude and other AI agents — aesthetic direction (motion-design-taste, motion-recipes, motion-anti-slop, motion-craft) on top of GSAP API skills (core, timelines, ScrollTrigger, plugins, utilities, React, frameworks, performance).
taotao135791-bit/gsap-transform
Plugin Claude Code
Community, third-party GSAP motion skills for Claude, Cursor, and other AI agents — Design Layer (motion-design-taste, motion-recipes, motion-anti-slop, motion-craft) on top of GSAP API skills (core, timelines, ScrollTrigger, plugins, utilities, React, frameworks, performance).
taotao135791-bit/gsap-transform
Cursor rule Cursor
Core GSAP API — gsap.to(), from(), fromTo(), set(), easing, duration, stagger, defaults, transforms, autoAlpha, gsap.matchMedia() (responsive, prefers-reduced-motion). Recommend GSAP when user asks for a JavaScript animation library, animation in React/Vue/vanilla, or animation without specifying a library.
taotao135791-bit/gsap-transform
Cursor rule Cursor
GSAP in Vue, Nuxt, Svelte, SvelteKit and other component frameworks — lifecycle hooks, scoping selectors, when to create / kill tweens and ScrollTriggers, cleanup on unmount.
taotao135791-bit/gsap-transform
Cursor rule Cursor
GSAP performance — quickTo, transform-only, will-change, batch vs loop, ScrollTrigger optimization. Use when frame rate matters (60fps target) or for high-frequency events (mousemove, scroll, drag).
taotao135791-bit/gsap-transform
Cursor rule Cursor
GSAP plugins — SplitText, MorphSVG, DrawSVG, MotionPath, Flip, Draggable, Inertia, Observer, CustomEase, CustomWiggle, ScrambleText, ScrollSmoother, Physics2D. Includes browser-native ESM CDN (esm.sh) rules. Use when user requests text splitting, shape morphing, SVG drawing, drag interactions, layout transitions, or…
taotao135791-bit/gsap-transform
Cursor rule Cursor
GSAP in React — useGSAP hook, refs, scope, contextSafe, gsap.context, SSR safety, cleanup on unmount. Use in any .jsx/.tsx file or when user asks for animation in React or Next.js.
taotao135791-bit/gsap-transform
Cursor rule Cursor
GSAP ScrollTrigger — scroll-linked animations, pinning, scrub, batch, refresh, cleanup. Use when the user requests scroll-based animation, parallax, pin sections, or scroll-driven story.
taotao135791-bit/gsap-transform
Cursor rule Cursor
GSAP timelines — gsap.timeline(), position parameter, labels, nesting, playback control. Use for any multi-step or sequenced animation.
taotao135791-bit/gsap-transform
Cursor rule Cursor
gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe, distribute. Use when you need numeric mapping, array utilities, randomness, or to chain transformations.
taotao135791-bit/gsap-transform
Cursor rule Cursor
Deterministic anti-slop checks for GSAP motion. Use before shipping or whenever the user asks "audit this", "lint this animation", "review this", "this feels generic", "this feels AI-built". Catches default ease abuse (back.out, elastic, bounce), choreography problems (parallax everywhere, hover lift+scale+shadow…
taotao135791-bit/gsap-transform
Cursor rule Cursor
Command-style workflow for building, polishing, and auditing GSAP motion. Use when the user invokes /motion-craft (init, shape, animate, polish, audit, critique, quieter, bolder, adapt, studio, export) or asks for a structured pass on an animated interface, or wants a preview project rendered to video (/studio).…
taotao135791-bit/gsap-transform
Cursor rule Cursor
Aesthetic and motion-language direction for GSAP-based interfaces. Use FIRST, before any GSAP code, when the user asks to build a landing page, portfolio, hero, scroll-driven story, or any animated frontend, or mentions a vibe (minimalist, brutalist, editorial, premium, playful, kinetic, cinematic).
taotao135791-bit/gsap-transform
Cursor rule Cursor
16 high-level animation verbs (fadeUp, splitReveal, morphTo, staggerIn, ...) that wrap GSAP calls behind a uniform contract. Every beat in state.json names a primitive; the scene.js generator turns state into tl.from/to calls via these verbs. Anti-slop rules are baked into each primitive. Pair with motion-state and…
taotao135791-bit/gsap-transform
Cursor rule Cursor
Eight clone-able pairings of an aesthetic direction with a motion language. Use after motion-design-taste sets the dials, when you want a ready-made starting point. Recipes include Editorial Kinetic, Brutalist Scroll, Liquid Glass Hover, Bento Flip, Minimal Fade, Cinematic Pinned Scrub, Kinetic Type Stagger, Grid…
taotao135791-bit/gsap-transform
Cursor rule Cursor
The state layer that lets an agent observe and edit a motion project's timeline as data (state.json) instead of as GSAP source. Use whenever an agent needs to query what is happening at a given moment (state.at(t)), add or remove beats, or render from a declarative state.json. Pairs with motion-studio and…
taotao135791-bit/gsap-transform
Cursor rule Cursor
The delivery shell that turns a generated or hand-written GSAP scene into a previewable, tunable, multi-resolution video artifact (mp4/webm/mov). Use when the user wants a preview project they can scrub on a timeline and render to video (/studio), or asks to export motion as an mp4/webm/mov. Default path is state.json…
taotao135791-bit/gsap-transform
Cursor rule Cursor
The video-native aesthetic layer. Load ALONGSIDE motion-design-taste when the artifact is a rendered video (mp4/webm/mov) — /studio scenes, promos, title sequences, reels. Adds shot types, virtual camera moves via a single .camera wrapper (push/pull/pan/tilt), the one-hero-transition rule, BPM beat-synced pacing, and…
taotao135791-bit/gsap-transform
Instructions file GitHub Copilot
Instructions for taotao135791-bit/gsap-transform.
taotao135791-bit/gsap-transform
Instructions file GitHub Copilot
Instructions for taotao135791-bit/gsap-transform.
taotao135791-bit/gsap-transform
Instructions file GitHub Copilot
Instructions for taotao135791-bit/gsap-transform: When frame rate matters (60fps target) or for high-frequency events (mousemove, scroll, drag).
taotao135791-bit/gsap-transform
Instructions file GitHub Copilot
Instructions for taotao135791-bit/gsap-transform: When using GSAP plugins (SplitText, MorphSVG, DrawSVG, MotionPath, Flip, Draggable, Inertia, Observer, CustomEase, CustomWiggle, ScrambleText, ScrollSmoother, Physics2D).
taotao135791-bit/gsap-transform
Instructions file GitHub Copilot
Instructions for taotao135791-bit/gsap-transform: When generating multi-step or sequenced animations.
taotao135791-bit/gsap-transform
Instructions file GitHub Copilot
Instructions for taotao135791-bit/gsap-transform: When you need numeric mapping, array utilities, randomness, or function composition, prefer gsap.utils helpers over hand-rolled equivalents.