Agent skill

expo-install

Expoプロジェクトにパッケージをインストールする。「ナビゲーションを入れて」「カメラ機能を追加」などのリクエストで使用する。

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/expo-install

SKILL.md

Expo パッケージインストール

Expo 互換バージョンでパッケージをインストールし、必要な設定を行う。

手順

  1. 引数がカテゴリ名(例: "navigation", "camera")の場合は、対応するパッケージ群を特定する
  2. npx expo install でインストールする(npm install は使わない)
  3. app.json や設定ファイルの変更が必要な場合は更新する
  4. 基本的な使い方をコード例として示す

よく使うカテゴリとパッケージ

  • navigation: @react-navigation/native @react-navigation/native-stack react-native-screens react-native-safe-area-context
  • tabs: @react-navigation/bottom-tabs(navigation も必要)
  • camera: expo-camera
  • image-picker: expo-image-picker
  • location: expo-location
  • storage: @react-native-async-storage/async-storage
  • font: expo-font
  • icons: @expo/vector-icons
  • gradient: expo-linear-gradient
  • haptics: expo-haptics
  • notifications: expo-notifications expo-device expo-constants
  • splash: expo-splash-screen
  • auth: expo-auth-session expo-crypto
  • secure-store: expo-secure-store

ルール

  • 必ず npx expo install を使う(Expo SDK との互換性を保証するため)
  • インストール後 npx expo install --check で互換性を確認する
  • app.json への plugin 追加が必要なパッケージは設定も行う

Didn't find tool you were looking for?

Be as detailed as possible for better results