Event Animation Designer

Use this skill to turn animation ideas into deterministic, testable event-timeline contracts.

Workflow

1. Define event-animation contract.

• Capture event sources, animation targets, states, and allowable transitions.
• Specify interruptibility and cancellation rules per animation group.

2. Build timeline map.

• Define ordered steps per event with explicit startMs, durationMs, and easing.
• Ensure step windows do not overlap when overlap is disallowed.

3. Define transition and guard logic.

• Enumerate valid fromState -> toState transitions.
• Define guards for trigger suppression, chaining, and fallback animations.