📱expo
- ソース種別
- git-subdir
- ソース
- GitHub で見る ↗
説明
ExpoでReact Nativeアプリのビルド、デプロイ、アップグレード、デバッグを行うための公式Expo skillsです。 以下の領域をカバーしています: - Expo RouterによるUI開発 - SwiftUIおよびJetpack ComposeコンポーネントのUIコンポーネント開発 - Tailwind CSSのセットアップ - APIルートおよびデータフェッチング - CI/CDワークフロー - App StoreおよびPlay Storeへのデプロイ - SDKアップグレード - DOMコンポーネント - devクライアントの配布
原文を表示
Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.
ユースケース
- ✓React Nativeアプリをビルドする
- ✓アプリをデプロイする
- ✓SDKをアップグレードする
- ✓アプリをデバッグする
同梱スキル（16）
📱add-app-clip
iOSのApp ClipターゲットをExpoアプリに追加します。 次のような場合に使用: ユーザーがApp Clip、AASA、apple-app-site-association、appclips、スマートアプリバナーについて言及した場合、 またはURLから起動する軽量なiOS Clipを親アプリと併せてリリースしたい場合。
🏗️building-native-ui
Expo Routerを使用して美しいアプリを構築するための完全ガイド。 ファンダメンタルズ、スタイリング、コンポーネント、ナビゲーション、アニメーション、パターン、およびネイティブタブを網羅。
📊eas-update-insights
公開済みの EAS Updates の健全性を確認します。クラッシュ率、インストール数・起動数、ユニークユーザー数、ペイロードサイズ、およびチャンネルごとの組み込みビルドと OTA の利用者割合を取得できます。 次のような場合に使用: - あるアップデートのパフォーマンスを確認したい - ロールアウトが正常に進んでいるか確認したい - 組み込みビルドと O…
🛣️expo-api-routes
EAS HostingでExpo RouterのAPIルートを作成するためのガイドライン
🔗expo-brownfield
ExpoおよびReact Nativeを、既存のネイティブiOSまたはAndroidアプリに統合します。 次のような場合に使用: ユーザーがブラウンフィールド、ネイティブアプリへのReact Nativeの組み込み、AAR/XCFramework、または既存のKotlin/SwiftプロジェクトへのExpoの追加について言及している場合。 独立アプローチ（…
🚀expo-cicd-workflows
EASワークフローのYAMLファイルをExpoプロジェクト向けに理解・作成するためのサポートを行います。 次のような場合に使用: - ユーザーがExpoまたはEASのコンテキストでCI/CDやワークフローについて質問している - `.eas/workflows/` に言及している - EASビルドパイプラインやデプロイメント自動化に関するサポートを求めている
🚀expo-deployment
EAS を使用して Expo アプリをプロダクション環境にデプロイします。 iOS App Store・Google Play Store・TestFlight へのビルドおよび提出、`eas.json` のビルドプロファイルと提出プロファイルの設定、アプリバージョンとビルド番号の管理、App Store メタデータと ASO（アプリストア最適化）の公開、…
🛠️expo-dev-client
Expo開発アプリのビルド 次のような場合に使用: Expoプロジェクトをローカル開発用にビルドする必要がある場合、またはシミュレーター/エミュレーター向けのビルドアーティファクトが必要な場合。
📚expo-examples
Expoの公式サンプルプロジェクト集 — `expo/examples` リポジトリには、約70種類の `with-*` 形式のインテグレーション（Stripe、Clerk、Supabase、OpenAI、マップ、Reanimated、SQLite、Skia、NativeWind など）が収録されています。 次のような場合に使用: - サードパーティのライ…
🔧expo-module
Expo Modules API（Swift、Kotlin、TypeScript）を使用した、Expoネイティブモジュールおよびビューの作成・実装に関するガイド。 モジュール定義DSL、ネイティブビュー、共有オブジェクト、configプラグイン、ライフサイクルフック、オートリンキング、型システムについて解説します。 次のような場合に使用: Expo向けのネ…
📊expo-observe
次のような場合に使用: EAS Observe に関連するあらゆる操作が対象です。 - Expo プロジェクトへの `expo-observe` の導入 （`AppMetricsRoot` / `ObserveRoot` HOC、`markInteractive`、`useObserve` フック、 およびルートごとのメトリクス取得のための Expo Ro…
🎨expo-tailwind-setup
Expo で Tailwind CSS v4 を設定します。 ユニバーサルスタイリングのために `react-native-css` と NativeWind v5 を使用します。
🎨expo-ui
`@expo/ui` パッケージを使ったネイティブ UI の構築に関するスキルです。 Expo または React Native アプリにおいて、iOS では本物の SwiftUI、Android では Jetpack Compose を React からレンダリングできます。 以下の内容をカバーしています: - **ユニバーサルなクロスプラットフォームコ…
🌐native-data-fetching
次のような場合に使用: ネットワークリクエスト、APIコール、またはデータ取得の実装やデバッグを行う際。 fetch API、React Query、SWR、エラーハンドリング、キャッシング、オフラインサポート、およびExpo Routerのデータローダー（`useLoaderData`）に対応。
📦upgrading-expo
Expo SDKのバージョンアップグレードおよび依存関係の問題修正に関するガイドライン
🌐use-dom
次のような場合に使用: ネイティブ環境ではWebView内でWebコードを実行し、Web環境ではそのままの形で動作させたい場合。 また、WebコードをネイティブへIncrementalに移行したい場合。 Expo DOMコンポーネントを使用することで、ネイティブプラットフォームではWebViewを通じてWebコードをレンダリングしつつ、Web環境では変更な…
原文・著作権は Anthropic および各プラグイン作者に帰属します。日本語訳は Claude API による自動翻訳です。