Animations Skill

This skill guides the creation of beautiful, purposeful animations using Framer Motion. Great animations feel natural, add delight, and improve user experience.

When to Use This Skill

• Adding hover states and micro-interactions
• Creating page transitions
• Animating elements on scroll
• Building loading states and skeletons
• Creating staggered list animations
• Adding entrance animations to sections
• Building interactive UI elements

Philosophy