framer-motion-animations
Installation
SKILL.md
Framer Motion Animations Skill
This skill helps you implement consistent, accessible animations across the codebase using Framer Motion (motion package v12+).
When to Use This Skill
- Adding scroll-triggered reveal animations
- Implementing entrance/exit animations
- Creating staggered list animations
- Migrating from CSS/Intersection Observer to Motion
- Ensuring accessibility with reduced motion support
Key Files
| File | Purpose |
|---|---|
apps/web/src/app/about/_components/variants.ts |
Shared animation variants |
apps/web/src/components/animated-number.tsx |
Number animation component |