framer-motion-animator
framer motion animator
What it does
- [ ] Appropriate animation type (simple, variants, gestures)
- [ ] Smooth transitions with proper easing
- [ ] Exit animations with AnimatePresence
- [ ] Reduced motion support
- [ ] GPU-accelerated properties only
- [ ] Spring physics for natural feel
- [ ] Staggered children for lists
Requirements & configuration
- 1. Identify animation needs: Entrance, exit, hover, gestures
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
framer-motion-animator FAQ
What does the framer-motion-animator skill do?
Creates smooth animations and micro-interactions using Framer Motion including page transitions, gestures, scroll-based animations, and orchestrated sequences. Use when users request "add animation", "framer motion", "page transition", "animate component", or "micro-interactions". [ ] Appropriate animation type (simple, variants, gestures) [ ] Smooth transitions with proper easing
What does framer-motion-animator require?
1. Identify animation needs: Entrance, exit, hover, gestures
How do I install framer-motion-animator?
Run: npx -y skills add https://github.com/patricio0312rev/skills --skill framer-motion-animator --agent claude-code — the source lives at github.com/patricio0312rev/skills.
Maintain framer-motion-animator?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/patricio0312rev-skills-framer-motion-animator?ref=badge) npx agentictools info skills/patricio0312rev-skills-framer-motion-animator The second line is the CLI lookup for this page — handy in READMEs and docs.
