Claude-skill-registry expo-install

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

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/expo-install" ~/.claude/skills/majiayu000-claude-skill-registry-expo-install && rm -rf "$T"

manifest: skills/data/expo-install/SKILL.md

source content

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

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

手順

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

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

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 追加が必要なパッケージは設定も行う