animation-motion-design
Animation and motion design patterns using Motion library (formerly Framer Motion) and View Transitions API. Use when implementing component animations, page transitions, micro-interactions, gesture-driven UIs, or ensuring motion accessibility with prefers-reduced-motion.
- License
- MIT
- Compatibility
- Claude Code 2.1.220+.
Pinned to revision 1ff988bd66da, so it is the text this page describes rather than whatever the author pushed since.
Pre-approved tools experimental
Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.
- Read
- Glob
- Grep
- WebFetch
- WebSearch
Files
- skills/animation-motion-design/SKILL.md
- skills/animation-motion-design/references/animation-presets-library.md
- skills/animation-motion-design/references/micro-interactions-catalog.md
- skills/animation-motion-design/references/motion-vs-view-transitions.md
- skills/animation-motion-design/rules/_sections.md
- skills/animation-motion-design/rules/_template.md
- skills/animation-motion-design/rules/motion-accessibility.md
- skills/animation-motion-design/rules/motion-exit.md
- skills/animation-motion-design/rules/motion-gestures.md
- skills/animation-motion-design/rules/motion-layout.md
- skills/animation-motion-design/rules/motion-performance.md
- skills/animation-motion-design/rules/view-transitions-api.md
- skills/animation-motion-design/test-cases.json
Every link opens the file at its source, pinned to the revision this page describes.