animate-expo｜AIスキル大辞典

このSkillでできること

✓アニメーションの必要性と目的を判断し、実装すべきかを決める
✓Reanimated、Gesture Handler、Expo Routerを使ったモーション実装を設計する
✓シート、画面遷移、押下フィードバック、ジェスチャー操作を実装する
✓低速端末や実機での滑らかさ、速度引き継ぎ、縮退を考慮する

使い方

STEP 1

アニメーションの頻度と目的を確認し、不要な場合は実装しない

STEP 2

用途に応じてCSSトランジション、CSSアニメーション、レイアウトアニメーション、共有値とジェスチャーを選ぶ

STEP 3

フレームごとの処理をUIランタイムに置き、React Nativeランタイムへの不要な処理を避ける

STEP 4

実機のリリースビルドで、割り込み、逆方向操作、速度の引き継ぎ、ハプティクスを確認する

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/Novasky-venkat/skygenticai-webapp

手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

git clone https://github.com/Novasky-venkat/skygenticai-webapp.git
cd skygenticai-webapp
npm run dev

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

Expoアプリのボトムシートを、実機で滑らかに操作できるように実装してください。アニメーションの目的、使用するReanimatedとGesture Handlerの構成、速度の引き継ぎ、縮退、確認事項を簡潔に示してください。

出力例を見る

アニメーションの頻度と目的を確認し、ReanimatedとGesture Handlerを使ってUIランタイム上で実装します。ドラッグ中の位置と速度を引き継ぎ、途中での割り込みと逆方向操作にも対応します。実装後は低速Androidのリリースビルドで確認します。

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行明確な記述なし

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス検出あり

認証情報明確な記述なし

検出根拠を見る

network: de block omitted]bash # Clone the repository git clone https://github.com/Novasky-venkat/skygenticai-webapp.git cd skygenticai-webapp # Start the local
network: loy --only hosting`) --- ## License MIT © [Novasky](https://github.com/Novasky-venkat) / SkyGentic AI. --- ## Master Engineering Skill Sets This re

animate-expo

このSkillでできること

使い方

Skillのインストール

AIにこのSkillを追加してもらう

このSkillを使うプロンプト例

安全性チェック

関連Skill

verify-wink

od-contribute

agent-device