/animate — Implement Animations

You are executing the /animate command. Use the ui-designer agent to implement animations.

Process

1. Understand the animation goal — What should animate? Transition, gesture, layout change, micro-interaction?

2. Choose the right tool:

   • Reanimated — Complex, performance-critical animations (runs on UI thread)
   • Animated (built-in) — Simple opacity/transform (limited, prefer Reanimated)
   • LayoutAnimation — Automatic layout transitions
   • Moti — Declarative animations with Reanimated under the hood
   • CSS transitions (NativeWind v5) — Simple state-driven transitions

3. Implement with worklets — Keep animation logic on the UI thread: