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サービス（有料版）** iOSおよびAndroidアプリをEASを使って構築し、TestFlight、App Store、またはGoogle Playに提出します。Expoおよび他のReact Native（JavaScriptベースのモバイルアプリ開発フレームワーク）プロジェクト、既存のネイティブアプリに対応しています。 eas.jsonの設定…
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 サービス（有料）。expo-updates と EAS CLI を使用して、EAS Update で JavaScript とアセット（画像やフォントなどの資産ファイル）をインターネット経由で更新する設定と運用ができます。 次のような場合に使用： - OTA 更新（インターネット経由での更新）の設定 - `eas update:configure`…
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 を統合します。 次のような場合に使用： - 既存のアプリへの組み込み：SwiftUI/UIKit または Kotlin で React Native の画面を組み込む必要がある場合 - 別形式でのパッケージング：…
Expoプロジェクトの EAS ワークフロー YAML ファイル（設定ファイル）の理解と作成をサポートします。 次のような場合に使用: - ユーザーが Expo または EAS に関連する CI/CD（継続的インテグレーション・継続的デプロイメント）やワークフローについて質問する - .eas/workflows/ というファイルパスについて言及される -…
フレームワーク（オープンソース）。ネットワークリクエスト、API呼び出し、データ取得の実装やデバッグを行う場合に使用します。 Fetch API、React Query、SWR、エラーハンドリング、キャッシング、オフライン対応、ローディング・空表示・エラー表示の各画面状態、Expo Router のデータローダー（`useLoaderData`）に対応して…
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 HIG（Appleのデザイン指針）のスタイリング、セマンティックカラー（意味に基づいた色選択）、ネイティブなコントロール、SF Symbols、メディア、ビジュアルエフェクト、グラデーション、ストレージ、レスポンシブレイアウト（様…
次のような場合に使用: 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 による自動翻訳です。