Motion Design (professional)

Boundary

motion-design-pro owns animation implementation — GSAP timelines, Framer Motion variants, CSS keyframes, ScrollTrigger, micro-interactions, and 60fps performance patterns. frontend-design-pro owns the broader visual aesthetic and decides when motion is warranted as part of design direction. platform-design-pro owns platform-specific gesture and haptic feedback on iOS/Android. Reduced-motion accessibility is a shared concern with any skill that produces interactive UI.

When to use

• Page load animations
• Scroll-triggered animations
• Micro-interactions (hover, click states)
• Page transitions
• Complex choreographed sequences
• Loading states and skeletons
• Gesture-based interactions

When not to use