🎨 Design

animate-expo

Name: animate-expo
Author: emilkowalski

by emilkowalski13 days ago34.4k

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

Install

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

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/emilkowalski--skills--skills--animate-expo/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@emilkowalski

"New skill: /animate-expo All the animation knowledge, but for your native apps. React Native and Expo: gestures, sheets, haptics, screen transitions, and more...."