motion-design
Recommends easing functions and durations, generates CSS and Framer Motion animation code, and audits motion for performance and prefers-reduced-motion compliance. Use when adding or fixing UI animation, choosing duration/easing for a transition, debugging janky motion, implementing micro-interactions or page transitions, or auditing motion for prefers-reduced-motion compliance.
Pinned to revision 1bca4bbdf059, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/motion-design/SKILL.md
- skills/motion-design/references/animation-principles.md
- skills/motion-design/references/easing-functions.md
- skills/motion-design/references/scroll-animations.md
Every link opens the file at its source, pinned to the revision this page describes.