# Expo and React Native animations (/animate-expo)

/animate-expo is a Claude Code skill in the Web & Design section. It is maintained by emilkowalski and published under the MIT license. Writes animations for Expo and React Native apps with Reanimated and Gesture Handler: gestures, sheets, screen transitions, press feedback and haptics.

- Web version: https://skills.sgomez.dev/en/s/animate-expo
- Section: [Web & Design](https://skills.sgomez.dev/en/web.md)
- Author: emilkowalski
- License: MIT
- Source: https://github.com/emilkowalski/skills/tree/d16ebe60d09a5ba2afcb7054ede9d0a10c9f6128/skills/animate-expo
- Updated 23 Sept 2026

## How to ask for it

- `Animate this bottom sheet opening in my Expo app`
- `Add haptic feedback when the user taps this button`
- `This screen transition stutters on device, fix it`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's description

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`.

- [How we review this](https://skills.sgomez.dev/en/methodology.md)