C-Jeril/framer-motion-skills

framer-motion-core

Official Framer Motion skill for the core API — motion components, useAnimationState, useTransform, useMotionValue, useSpring. Use when the user asks for a React animation library, animation in React, Framer Motion, motion components, or when animating with…

لغة النص الأصلي: الإنجليزية

framer-motion-gestures

Official Framer Motion skill for gesture animations — drag, pan, tap, hover, focus, touch animations. Use when building interactive elements with drag, pan, tap, hover, or touch gestures, or when asking about Framer Motion drag constraints, gesture handlers,…

لغة النص الأصلي: الإنجليزية

framer-motion-layout

Official Framer Motion skill for layout animations — shared layout transitions, layoutId, exit animations, AnimatePresence. Use when building shared element transitions, layout animations, reorderable lists, or when asking about Framer Motion layout,…

لغة النص الأصلي: الإنجليزية

framer-motion-react

Official Framer Motion skill for React integration — AnimatePresence, motion components, useAnimation, layout animations. Use when building React animations, using AnimatePresence, Framer Motion with Next.js, or when asking about Framer Motion React patterns,…

لغة النص الأصلي: الإنجليزية

framer-motion-scroll

Official Framer Motion skill for scroll-linked animations — useScroll, useTransform, scroll-triggered animations, parallax. Use when building scroll-driven animations, parallax effects, progress indicators, or when asking about Framer Motion scroll,…

لغة النص الأصلي: الإنجليزية

framer-motion-variants

Official Framer Motion skill for animation variants — state machines, orchestrated animations, stagger, repeat, sequencing. Use when building orchestrated animations, animation state machines, staggered entrances, or when asking about Framer Motion variants,…

لغة النص الأصلي: الإنجليزية