Building Animations in Expo

emilkowalski/skills

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

内容更新日:

所属コレクションEmil Kowalski Design Skills ↗
GitHub で見る
npx skills add emilkowalski/skills --skill animate-expo
56,965スター3,336フォークリポジトリの最終プッシュ

このスキルについて

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

おすすめする理由

Summarized from the original emilkowalski/skills SKILL.md by Emil Kowalski; the original upstream instructions were used.

役立つこと

  • Use this workflow when the task matches the original Building Animations in Expo instructions.

使う前に

  • Read the original SKILL.md and referenced files in emilkowalski/skills.

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。