motion-choreography

Accessible UI transitions require alternate visual sequences for reduced-motion users. This skill generates motion choreography that provides static or instant state changes, ensuring accessibility compliance when users opt out of animations.

Recommended duration depends on context: micro-interactions use shorter timing, while screen transitions allow longer sequences. This skill provides duration guidance per UI context to ensure smooth, purposeful motion without unnecessary delays.

Meaningful animation uses easing and timing presets that match the physical intent of the UI change. This skill supplies coordinated timing presets to ensure transitions communicate state changes smoothly and purposefully.

Performance-focused interface motion restricts animations to transform and opacity properties to stay GPU-friendly. This skill enforces these performance constraints to prevent jank and maintain smooth frame rates during transitions.

Yes, you can coordinate motion design with existing design system roles. This skill integrates with motion-designer, accessibility-reviewer, and design-lead roles to align all choreographic sequences with your established design system.

You should not use animation if it fails to communicate a state change or answer a user question. This skill evaluates motion purpose, cutting any animation that lacks functional intent to maintain strict UX clarity.