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

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
⚡
Coming in Spring 2026 Beta
WinDAGs will match this skill automatically. Then ask:
"Use motion-design-web to help me build..."
Request Early Access