Smoother React animations with Framer Motion.
Guides agents in writing and refactoring React animations to improve Framer Motion performance.
When to use it
Use when adding Framer Motion animations, reducing animation bundle size, preventing re-renders, or implementing layout, scroll, and gesture interactions.
It changes how the agent writes, reviews, and refactors Framer Motion animations in a React project.
What you provide
The guidelines concern the Framer Motion library, which the implementation examples import.
The implementation examples use React components and import React hooks.
No additional actions listed.