Expo

react-native-architectureは、ルーティング、状態の責務分離、ネイティブモジュール、オフラインファースト設計、Expoとbareの選定ポイントを含め、実運用向けのReact Native / Expoアプリ設計を検討する際に役立ちます。

vercel-react-native-skills は、パフォーマンス重視のフロントエンド開発に役立つ React Native / Expo 向けスキルです。リスト描画、アニメーション、ナビゲーション、UI パターン、状態管理、ネイティブモジュールのセットアップ改善に活用できます。モバイルアプリのボトルネックを、迷いを減らしながら解消するための実践的なルール、導入ガイド、運用パターンが含まれています。

Expoアプリで `@expo/ui` を導入し、`npx expo run:ios` で再ビルドしながら、`Host`、`RNHostView`、SDK 55 のドキュメントを前提に Expo UI SwiftUI を正しく使い始めるためのスキルガイドです。

native-data-fetching は、Expo アプリでの API リクエスト実装とデバッグに特化したスキルです。fetch パターン、キャッシュ、認証ヘッダー、オフライン時の挙動、Expo Router loaders までをカバーし、導入判断と実運用の使い方を案内します。

upgrading-expo は、Expo SDK のバージョン更新を進めるためのスキルです。適切な install コマンドや doctor コマンドの実行、キャッシュのクリア、さらに React 19、New Architecture、Native Tabs、`expo-av` 移行といった破壊的変更への対応まで支援します。

use-domスキルは、Expo DOM componentsを使って、ネイティブではwebview内でReactのWebコードを動かし、Webでは通常どおり実行する方法を示します。ブラウザ依存のコンポーネントを再利用したい場合や、既存のWebコードを段階的に移行したい場合に役立ちます。

building-native-uiは、ネイティブらしいReact Nativeアプリを作るためのExpo Router UIスキルです。導入前に、セットアップの前提、ルート構成、tabs、headers、animations、media、対応プラットフォームの制約を確認できます。

expo-api-routes は、EAS Hosting 向けの Expo Router API routes を構築するためのガイドです。サーバーサイドのエンドポイントを使うべき場面、`app/**/+api.ts` ファイルの配置場所、そして安全な route handler の設計方法をわかりやすく整理しています。

expo-cicd-workflows は、Expo EAS workflow YAML の作成・編集・検証を支援するスキルです。スキルを導入し、最新の schema と docs を取得してから、ビルド、submission、update、デプロイ用パイプラインに対応する `.eas/workflows` ファイルを、バリデーターに基づくガイダンス付きで生成・修正できます。

expo-deploymentは、EASを使ってExpoアプリをiOS App Store、Google Play、web hosting、TestFlight、メタデータ管理、CI/CDワークフローまで含めてリリースできるよう支援するスキルです。

expo-dev-client は、Expo アプリに development client が必要かを見極めたうえで、EAS を設定し、ローカルまたは TestFlight 経由でネイティブ検証用のビルドを進める判断と導入を支援します。

expo-tailwind-setup は、Expo で Tailwind CSS v4 を導入・設定するための実践ガイドです。react-native-css と NativeWind v5 を使い、iOS・Android・web 向けのセットアップ手順を具体的に案内します。

Expo UI Jetpack Composeは、ExpoアプリでAndroid UI向けに`@expo/ui/jetpack-compose`を導入・利用するためのガイドです。SDK 55を前提に、正しいimport、ネイティブ再ビルドの手順、`.d.ts`によるAPI確認まで押さえられます。

react-native-best-practices は、起動が遅い、フレーム落ち、重い描画、メモリリーク、バンドル肥大化、アニメーションのカクつきに効く、実践的な React Native パフォーマンス最適化ガイドです。Hermes、bridge のオーバーヘッド、FlashList、ネイティブモジュール、リリース後の回帰をプロファイルして根拠ある修正を行いたいときに使えます。

upgrading-react-native は、rn-diff-purge または Upgrade Helper の差分を使って React Native のバージョンアップを計画・実行するのに役立ちます。依存関係の整合、iOS/Android の設定更新、ビルド検証までを含みます。実アプリをアップグレードする Frontend Development チーム、特に monorepo や Expo ベースのプロジェクトに有用です。