motion-choreography-patterns

What problem does it solve?

Orchestrating coordinated motion across multiple UI elements can be error-prone and hard to maintain. This skill provides a repeatable model for designing, documenting, and implementing motion patterns that communicate interaction intent across complex interfaces.

Core Features & Use Cases

• Choreography model: split interactions into primary, supporting, and environment actors to preserve hierarchy.
• Timing architecture: define lead, primary, follow, and settle beats with consistent durations.
• Pattern library integration: reference choreographic patterns for stagger, modal/overlay stacks, and route changes.
• Input-to-motion mapping: map user input types (tap, drag, keyboard) to reliable motion responses.
• Accessibility & fallbacks: support reduced-motion and non-motion alternatives without losing state clarity.

Quick Start

Describe a basic staggered reveal for a modal with a scrim and a card.