🎯Skills5
Official Framer Motion skill for React integration covering AnimatePresence, motion components, useAnimation, layout animations, SSR-safe patterns, and cleanup best practices for React and Next.js projects.
A Framer Motion skill for building scroll-linked animations using useScroll, useTransform, and useInView hooks. Covers parallax effects, scroll progress indicators, scroll-triggered animations, and best practices for performant scroll-driven UI.
Framer Motion skill for implementing gesture-driven animations including drag, pan, tap, hover, and focus interactions with drag constraints, elastic bounds, and momentum configuration in React.
Framer Motion skill for variant-based animations in React, teaching agents how to define animation states, orchestrate child animations, and create reusable animation configurations with the variants API.
Framer Motion skill for layout animations in React, teaching agents correct usage of layout transitions, shared layout animations, and smooth element repositioning with the motion component API.