← Library

Agent skill

animate-expo

Emil Kowalski

Which thread it runs on, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler and expo-haptics, and fixes motion that stutters on device.

MotionPerformanceUpdated today38,197 stars

In the author’s words

Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.

The description field from SKILL.md, quoted as written.

Read it before you install it

SKILL.md · 258 lines

Install on its own

Or add it to your stack above and install everything at once.

npx skills add https://github.com/emilkowalski/skills --skill animate-expo
Source ↗GitHub ↗skills.sh ↗Emil Kowalski

Trust audit

View the source ↗
100%verified
Resolved (HTTP 200), passed
Resolves · 38,197 stars, passed
Transcribed from the author's own page, passed
Last updated today, passed
Credited to Emil Kowalski, passed

All 5 checks passed when this was last run. Links were last checked on .

Goes well with

  • emil-design-eng

    The design-engineering house style behind Sonner and Vaul.

    Emil KowalskiMotionCraft

    Emil's main skill. Mostly animation, with the UI-polish and component judgement that surrounds it: what to build, how far to push it, and when to stop.

    npx skills add https://github.com/emilkowalski/skills

  • animate

    Builds an animation from scratch, decisions in the order that matters.

    Emil KowalskiMotion

    Should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Then writes the implementation.

    npx skills add https://github.com/emilkowalski/skills --skill animate

  • review-animations

    Reviews your motion strictly, against Emil's rules.

    Emil KowalskiMotionReview

    A production-critical pass over animation quality, timing and consistency in a diff. Pairs with improve-animations, which does the same for a whole codebase.

    npx skills add https://github.com/emilkowalski/skills --skill review-animations

Work with us