Expo でReact Native アプリを構築・配置・更新・問題解決するための公式スキルです。Expo Router によるUI開発、SwiftUI や Jetpack Compose（ネイティブUI部品）のコンポーネント、Tailwind CSS（スタイル定義ツール）のセットアップ、API ルート、データ取得、CI/CD ワークフロー（自動ビルド・テスト・配置）、App Store および Play Store への配置、SDK（開発キット）の更新、DOM コンポーネント、開発用クライアント配布に対応しています。
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.
Expoアプリに iOS App Clip（スマートフォンから起動できる軽量アプリ）ターゲットを追加します。 次のような場合に使用: - ユーザーが App Clip、AASA、apple-app-site-association、appclips、スマートアプリバナーについて言及している - URL経由で親アプリと一緒に起動される軽量な iOS Clip…
Appleの設計ガイドライン（HIG）に沿ったスタイリング、意味のある色使い、ネイティブコントロール、SF Symbols（Appleのアイコン集）、メディア、アニメーション、視覚効果、グラデーション、ストレージ、レスポンシブレイアウトに対応した、美しいExpoの画面を構築できます。 ルーティングやナビゲーション機能が必要な場合は、expo-router …
EAS サービス（有料）。Expo アプリをアプリストアにデプロイ（公開・配置）します。iOS App Store、Google Play Store、TestFlight へのビルドと提出、eas.json ビルド・提出設定の構成、アプリのバージョンとビルド番号の管理、App Store メタデータと ASO（検索最適化）の公開に対応しています。 次のよ…
EAS service（有料サービス） Expo ウェブサイトと Expo Router API ルートを EAS Hosting にデプロイします。ウェブバンドルのエクスポート、本番環境と PR プレビュー用の URL 生成のための eas deploy コマンドの実行、環境変数の管理とカスタムドメインの設定、Cloudflare Workers ランタ…
EAS Observe サービス（有料）。EAS Observe に関連するすべての用途に使用します。Expo プロジェクトへの `expo-observe` の追加（AppMetricsRoot/ObserveRoot HOC、markInteractive と ObserveInteractiveMarker、useObserve フック、ルートごとの…
EAS シミュレーター（有料サービス） EAS クラウド上でホストされたリモート iOS/Android シミュレーター（遠隔にある仮想デバイス）で、ユーザーのアプリを実行・制御できます。 `eas simulator:*` コマンドを実行する前に、このドキュメントをお読みください。実験段階の API の最新の構文が記載されています。 **使用する場面:*…
EAS サービス（有料版）。公開済みのEAS Updateの状態を確認します。クラッシュレート（不具合による停止の頻度）、インストール・起動数、利用ユーザー数、ペイロードサイズ（データの大きさ）、チャネルごとの組み込み版とOTA（アプリを再インストールせず配信）ユーザーの割合を調べることができます。 次のような場合に使用: - アップデートのパフォーマンス…
EASサービス（有料）。Expoプロジェクト向けのEASワークフロー設定ファイル（YAML形式）の理解と作成をサポートします。 次のような場合に使用: - ユーザーがExpoまたはEAS関連のCI/CD（継続的インテグレーション・デプロイ）やワークフローについて質問している - .eas/workflows/に言及している - EASビルドパイプラインまた…
フレームワーク（オープンソースソフトウェア）。React NativeやExpoでアニメーションを構築する際に、アニメーションの実装が自然に感じられるよう、以下の決定を順序立てて行います。アニメーション化するかどうか、どのスレッド（処理実行の流れ）上で動作させるか、どのプロパティ（要素の属性）を変更するか、スプリング方式またはタイミング方式のどちらを使うか…
# Expo RouterでのAPIルート作成ガイド（EAS Hosting使用時） EAS Hosting（エキスポの統合型ホスティングサービス）でAPIルートを構築する際の指針です。 **APIルートの基本設定** Expo Routerのプロジェクトにおいて、APIエンドポイント（外部と通信するための入り口）を作成するには、専用のディレクトリ構造に従…
Framework（オープンソースソフトウェア）。Expoアプリに iOS App Clip（軽量版のiOSアプリ）ターゲットを追加します。 次のような場合に使用： - ユーザーが App Clip、AASA、apple-app-site-association、appclips、スマートアプリバナー（アプリの広告表示）に言及している - URLから呼び出…
フレームワーク（オープンソースソフトウェア）。既存のネイティブiOSアプリやAndroidアプリに、ExpoおよびReact Nativeを統合します。 **次のような場合に使用:** - ユーザーが「ブラウンフィールド開発（既存アプリへの段階的な新技術導入）」について言及している - ネイティブアプリの中にReact Nativeを組み込む方法を探してい…
Expoプロジェクトの EAS ワークフロー YAML ファイル（設定ファイル）の理解と作成をサポートします。 次のような場合に使用: - ユーザーが Expo または EAS に関連する CI/CD（継続的インテグレーション・継続的デプロイメント）やワークフローについて質問する - .eas/workflows/ というファイルパスについて言及される -…
フレームワーク（オープンソースソフトウェア）。ネットワークリクエスト、API呼び出し、またはデータ取得の実装やデバッグを行うあらゆる場面で使用します。 fetch API、React Query、SWR、エラーハンドリング（エラー処理）、キャッシング（データの一時保存）、オフラインサポート、および Expo Router のデータローダー（`useLoad…
Expo アプリを本番環境にデプロイ（配置・公開）するために EAS を使用します。iOS App Store、Google Play Store、TestFlight へのビルド作成と提出、eas.json のビルド・提出設定の構成、アプリのバージョンとビルド番号の管理、App Store のメタデータ（検索用情報）と ASO（アプリストア最適化）の公開…
Framework（オープンソースソフトウェア）。Expoアプリ内にデザインシステムを構築・管理します。デザイントークン（色・余白・文字・角丸・影・アニメーション）の再利用可能なテーマ、バリエーション・サイズ・状態に関するプロパティの命名規則に従った再利用可能なコンポーネント構造、そして繰り返されるビューをいつ共有コンポーネントに抽出すべきかというルールが…
フレームワーク（オープンソース版）。Expo 開発クライアント（アプリの開発用バージョン）をローカルで構築したり、TestFlight（Apple の社内テスト配布サービス）経由で配布したりできます。本番環境での TestFlight リリースやアプリストアへの申請が必要な場合は、eas-app-stores スキルを使用してください。
フレームワーク（オープンソースソフトウェア）です。Expo DOM コンポーネント（Web標準の技術で画面を作成するツール）を使用して、Web コードをネイティブアプリのウェブビューで実行したり、Web上でそのまま実行したりできます。Web コードをネイティブアプリへ段階的に移行させることが可能です。 Web アプリケーション全体を一括で移行する場合は、e…
フレームワーク（オープンソースソフトウェア）。Expoの公式サンプルプロジェクト集です。expo/examplesリポジトリには、約70個の「with-*」統合例（Stripe、Clerk、Supabase、OpenAI、地図、Reanimated、SQLite、Skia、NativeWindなど）が収録されています。 **次のような場合に使用:** - …
フレームワーク（オープンソースソフトウェア）。Expo モジュール API（Swift、Kotlin、TypeScript）を使用して、Expo のネイティブモジュール（スマートフォンの基本機能と直結したプログラム部品）とビューを作成・記述するためのガイドです。 モジュール定義 DSL（ドメイン固有言語）、ネイティブビュー、共有オブジェクト、設定プラグイン…
フレームワーク（オープンソースソフトウェア）。Expo で美しく、ネイティブアプリのような見た目の画面を構築できます。Apple の Human Interface Guidelines（Appleが定めた設計指針）に準拠したスタイル、意味を持つ色、ネイティブコントロール、SF シンボル（Apple の統一アイコン集）、メディア、アニメーション、ビジュアル…
次のような場合に使用: EAS Observe（Expo のアプリパフォーマンス監視機能）に関すること全般 具体的には以下が該当します: - **機能の導入**: `expo-observe` をExpoプロジェクトに追加する方法、AppMetricsRoot/ObserveRoot（パフォーマンス情報を収集するコンポーネント）、markInteracti…
**Expo フレームワーク（オープンソースソフトウェア）** Expo または EAS のあらゆるタスクの出発点であり、リクエストの振り分け役です。 コードを書く前に、また他の expo-* / eas-* スキルを選ぶ前に、このスキルを最初に読み込んでください。以下のいずれかが当てはまる場合に使用します: - リクエスト、仕様書、またはドキュメントに …
フレームワーク（オープンソースソフトウェア）。新しいExpoアプリ向けのフォルダ構成です。 次のような場合に使用: - Expo Routerを使って新しいExpoプロジェクトの骨組みを作る時 - Expoプロジェクト内でファイルをどこに配置すべきか判断する時 **注意:** 新規プロジェクトのみが対象です。既存のアプリを無理にこの構成に合わせて変更しない…
**Framework（オープンソースソフトウェア）** Expo Router（エクスポ ルーター）向けの画面遷移とルーティング（画面移動の設定）についてカバーしています。 以下の内容が含まれます： - ファイル構成に基づくルート設定 - ルートグループと動的ルート - フォルダの整理方法 - Link コンポーネント（プレビューとコンテキストメニュー付…
Expoスキルまたはexpo自体についてのご意見をお送りいただき、まとめて提供される利用統計（匿名データ）の収集を管理できます（初期状態ではオフ・参加型）。 **ご意見の送信方法:** 次のコマンドを実行してください： ``` npx --yes submit-expo-feedback@latest "ご意見の内容" ``` さらに以下のいずれか一方また…
フレームワーク（オープンソースソフトウェア）。Expo で Tailwind CSS v4 を react-native-css と NativeWind v5 を使ってセットアップし、アプリ全体で統一したスタイル設定を実現します
フレームワーク（オープンソースソフトウェア）。@expo/ui パッケージを使用してネイティブUI（各プラットフォーム固有の操作体験）を構築します。iOS では実際の SwiftUI、Android では Jetpack Compose を採用しています。 シート類（BottomSheet）、ピッカー（選択肢メニュー）、スライダー、トグルスイッチ、メニュー…
フレームワーク（オープンソースソフトウェア）。Expo SDKのバージョンアップグレードと依存関係の問題解決に関するガイドライン
Framework（オープンソースソフトウェア）。Expoを使って、既存のウェブ上のReactアプリをiOS/Android用のネイティブアプリに移行します。 次のような場合に使用: ウェブサイトをモバイルアプリに変えたい、Next.js/Vite/CRAなどのReactコードベースをReact Nativeに移植したい、ウェブのコードをネイティブアプリで…
次のような場合に使用: ネットワークリクエスト、API呼び出し、データ取得機能の実装またはデバッグを行う際 対象範囲: - fetch API - React Query - SWR - エラーハンドリング（エラー処理） - キャッシング（データの一時保存） - オフラインサポート（通信できない状態への対応） - Expo Router データローダー（`…
Expo SDK バージョンの更新とライブラリの依存関係の問題を解決するためのガイドライン
Expo DOM コンポーネント（ウェブ画面用の部品）を使って、ウェブコードをネイティブアプリ（スマートフォン用アプリ）のウェブビュー（アプリ内ブラウザ）で実行したり、ウェブ上ではそのまま動作させたりできます。ウェブコードをネイティブアプリへ段階的に移行できます。
既存のウェブReactアプリをExpoを使ってネイティブなiOS/Androidアプリに移行させるガイドです。 次のような場合に使用： - ウェブサイトをモバイルアプリに変更したい場合 - Next.js・Vite・CRAなどで構築したReactコードベースをReact Nativeに移植したい場合 - ウェブのコードをネイティブアプリ側で段階的に再利用し…
原文・著作権は Anthropic および各プラグイン作者に帰属します。日本語訳は Claude API による自動翻訳です。