Start
motion-design-web
motion-design-web - Skill Dossier
motion-design-web

motion-design-web

Motion design and micro-animations for web interfaces — Framer Motion layout animations, CSS scroll-driven animations, View Transitions API, GSAP ScrollTrigger, spring physics tuning, loading choreography, and Disney's 12 principles applied to UI. Makes interfaces feel alive without feeling busy. Activate on 'web animation', 'Framer Motion', 'micro-interaction', 'scroll animation', 'page transition', 'View Transitions API', 'spring animation web', 'motion design', 'loading animation', 'skeleton screen', 'hover effect', 'GSAP ScrollTrigger'.

Design & Creative
#motion-design#animation#web#transitions#ux

Allowed Tools

ReadWriteEditGlobGrepWebSearchWebFetch

Share this skill

Coming in Spring 2026 Beta

WinDAGs will match this skill automatically. Then ask:

"Use motion-design-web to help me build..."
Request Early Access
"Use motion-design-web to help me build a motion-design system"
"I need expert help with motion design and micro-animations for web interfa..."