Best agent skills for building interface motion
Choose and implement purposeful web or native motion with the right physical and platform constraints.
How to choose
Start with Emil’s opportunity finder when motion is not yet defined, use Animate or Animate Expo for implementation, and reach for Apple Design when gestures, momentum, interruption, and spatial continuity are central to the interaction.
Find Animation Opportunities
Finds interface moments that genuinely benefit from motion while rejecting decorative or high-frequency animation.
Animate
Builds purposeful web animation by choosing whether to animate, then selecting the right tool, properties, timing, interruption, and exit behavior.
Our take: Animate is the collection’s strongest implementation skill because it makes motion a decision chain instead of a decorative afterthought. Purpose, frequency, tool choice, properties, timing, interruption, and exit behavior are resolved before code, giving agents a much better chance of producing motion that feels intentional.
Animate Expo
Builds native-feeling React Native and Expo motion with Reanimated, Gesture Handler, haptics, and device-aware performance constraints.
Apple Design
Applies Apple-inspired principles for physical, interruptible motion, gestures, spatial continuity, materials, and typography on the web.
Animation Vocabulary
Translates a vaguely described motion effect into the precise term a designer or agent can act on.