Expoスキル

iOSアプリにApp Clipターゲットを追加します。ユーザーがApp Clip、AASA、apple-app-site-association、appclips、スマートアプリバナーについて言及した場合、または出荷したい場合に使用します。

Androidエミュレーター上でADBを使用してExpo Routerの機能をテストします。ネイティブAndroid機能を実装した後や、AndroidでのUI動作を確認する際に使用してください。

Test Expo Router features on Android emulators using ADB. Use after implementing native Android features or when verifying UI behavior on Android.

Use when building Android UIs with Jetpack Compose, managing state with remember/mutableStateOf, or implementing declarative UI patterns.

Jetpack Composeを使用してAndroid UIを構築する際、remember/mutableStateOfで状態を管理する場合、または宣言的UIパターンを実装する場合に使用します。

Expo RouterとEAS HostingでAPIルートを作成するためのガイドライン

ネイティブなExpoアプリを構築するための完全ガイド。ルーティング、スタイリング、コンポーネント、プラットフォームの慣習を網羅。Expo Routerの基礎、ネイティブタブ、スタックナビゲーション、モーダル、フォームシートを詳細なルート構造の慣習とともに解説。Appleヒューマンインターフェースガイドラインに準拠したスタイリングルール（フレックスボックスレイアウト、セーフエリア処理、アニメーション、CSS boxShadowによるシャドウ、レスポンシブデザインパターン）を含む。ライブラリの推奨事項（SFシンボル用のexpo-image、expo-audio、expo-videoなど）を記載。

Expo Routerを使って美しいアプリを構築するための完全ガイド。基礎、スタイリング、コンポーネント、ナビゲーション、アニメーション、パターン、ネイティブタブをカバーしています。

Expoプロジェクト向けのEASワークフローYAMLファイルの理解と作成を支援します。ユーザーがExpoやEASの文脈でCI/CDやワークフローについて質問した場合にこのスキルを使用してください。

ネットワークリクエスト、API呼び出し、またはデータフェッチの実装やデバッグ時に使用します。fetch API、axios、React Query、SWR、エラーハンドリング、キャッシュなどをカバーします。

In-depth design-focused code review - understands codebase context before evaluating PR changes, posts structured feedback to GitHub

設計に焦点を当てた詳細なコードレビュー - PRの変更を評価する前にコードベースのコンテキストを理解し、構造化されたフィードバックをGitHubに投稿します

ExpoアプリをiOS App Store、Android Play Store、ウェブホスティング、APIルートにデプロイする

Expo開発クライアントをローカルまたはTestFlight経由でビルドおよび配布します

EAS service (paid). Deploy Expo apps to the app stores with EAS - build and submit to the iOS App Store, Google Play Store, and TestFlight, configure eas.json…

EASサービス（有料）。EASを使用してExpoアプリをアプリストアにデプロイ - iOS App Store、Google Play Store、TestFlightにビルドおよび提出し、eas.jsonを設定…

EAS service (paid). Deploy Expo websites and Expo Router API routes to EAS Hosting - export the web bundle, run eas deploy for production and PR preview URLs,…

EASサービス（有料）。ExpoウェブサイトとExpo Router APIルートをEAS Hostingにデプロイ - ウェブバンドルをエクスポートし、本番用とPRプレビューURL用にeas deployを実行します。

EAS service (paid). Use for anything related to EAS Observe - adding `expo-observe` to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the…

EAS service (paid). Run and control a user's app on a remote iOS/Android simulator hosted on EAS cloud. Read before running any `eas simulator:*` commands - it…

EAS service (paid). Run and control a user's app on a remote iOS/Android simulator hosted on EAS cloud. Read before running any `eas simulator:*` commands - it…

EAS service (paid). Check the health of published EAS Update: crash rates, install/launch counts, unique users, payload size, and the split between embedded…

公開されたEASアップデートの健全性を確認：クラッシュ率、インストール/起動数、ユニークユーザー、ペイロードサイズ、埋め込み型とOTAユーザーの内訳など。

EAS service (paid). Helps understand and write EAS workflow YAML files for Expo projects. Use this skill when the user asks about CI/CD or workflows in an Expo…

EASサービス（有料）。Expoプロジェクト向けのEASワークフローYAMLファイルの理解と作成を支援します。ユーザーがExpoのCI/CDやワークフローについて質問した際にこのスキルを使用してください。

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

Write TSDoc comments for Expo SDK APIs following official conventions. MUST USE when introducing new user-facing TypeScript APIs in expo-* packages - document…

Expo SDK APIに対して、公式の規約に従ったTSDocコメントを記述します。expo-*パッケージで新しいユーザー向けTypeScript APIを導入する際には必ず使用してください - ドキュメント...

Expo RouterにおけるAPIルート。EAS Hosting上でサーバーサイドロジック、シークレット、サードパーティ連携を実現します。appディレクトリ内に+api.tsサフィックスでルートを作成し、HTTPメソッド（GET、POST、PUT、DELETE）に対応する名前付き関数をエクスポートします。クエリパラメータ、ヘッダー、JSONボディ、動的ルートセグメントを処理し、Webクライアント向けにCORSヘッダーを追加します。サーバーサイドのシークレットにはprocess.env経由でアクセスし、ローカルでは.envファイル、本番環境ではeas env:createで変数を設定します。EAS Hosting（Cloudflare Workers）にeas...でデプロイします。

Framework (OSS). Add an iOS App Clip target to an Expo app. Use when the user mentions App Clip, AASA, apple-app-site-association, appclips, smart app banner,…

フレームワーク（OSS）。ExpoアプリにiOS App Clipターゲットを追加します。ユーザーがApp Clip、AASA、apple-app-site-association、appclips、スマートアプリバナーなどに言及した場合に使用します。

フレームワーク（OSS）。既存のネイティブiOSまたはAndroidアプリにExpoとReact Nativeを統合します。ユーザーがブラウンフィールド、React Nativeの埋め込みについて言及した場合に使用します。

Expoプロジェクト向けのEAS CI/CDワークフローYAMLファイルを作成・検証します。ExpoのAPIから最新のJSONスキーマを取得し、ジョブタイプ、パラメータ、トリガー、ランナー設定が最新であることを保証します。GitHubイベント、ワークフロー入力、ジョブ出力、ステップ結果のコンテキストを使用した${{ }}構文による動的式をサポートします。スキーマに対してワークフロー構造をチェックし、デプロイ前にエラーを報告する組み込みの検証スクリプトを含みます。構文に関するリファレンスドキュメントを提供します...

Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).

Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling,…

ExpoアプリのiOS App Store、Android Play Store、ウェブホスティング、プレビュー環境への自動デプロイ。単一コマンドでiOS（App StoreおよびTestFlight）とAndroid（Google Play Store）向けのプロダクションビルドと提出をサポート。自動PRプレビューURLとプロダクションドメインサポートを備えたウェブデプロイ用のEAS Hostingを含む。コードプッシュ時にビルドと提出をトリガーするEAS WorkflowsによるCI/CDワークフロー自動化を提供。リモートでの自動バージョン管理...

Framework (OSS). Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow,…

EAS Buildまたはローカルで、実機上でネイティブコードをテストするためのカスタムExpo開発クライアントを構築します。カスタムネイティブモジュール、Appleターゲット（ウィジェット、アプリクリップ）、またはExpo Goに含まれないサードパーティのネイティブコードを使用する場合にのみ必要です。まずはnpx expo startでExpo Goをお試しください。自動TestFlight提出によるクラウドビルド、またはお使いのマシンでのローカルビルドをサポートし、.ipa（iOS）または.apk/.aab（Android）ファイルを出力します。eas.jsonに、設定を行う開発プロファイルを含む構成が必要です。

Build custom Expo development clients for testing native code on physical devices via EAS Build or locally. Only needed when using custom native modules, Apple targets (widgets, app clips), or third-party native code not in Expo Go; try Expo Go first with npx expo start Supports cloud builds with automatic TestFlight submission or local builds on your machine, outputting .ipa (iOS) or .apk / .aab (Android) files Requires eas.json configuration with a development profile that sets...

Framework (OSS). Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end…

フレームワーク（OSS）。Expo DOMコンポーネントを使用して、ネイティブではWebビュー内でWebコードを実行し、Webではそのまま実行します。Webコードを段階的にネイティブに移行します。エンドツーエンドの…

Framework (OSS). Expo's official example projects - the expo/examples repo of ~70 `with-*` integrations (Stripe, Clerk, Supabase, OpenAI, maps, Reanimated,…

Framework (OSS). Expo's official example projects - the expo/examples repo of ~70 `with-*` integrations (Stripe, Clerk, Supabase, OpenAI, maps, Reanimated,…

Framework (OSS). Migrate an existing Apple/Swift Expo native module from the Expo Modules API 1.0 definition DSL to the 2.0 macro API (sometimes called v2)…

Complete reference for building native modules and views with the Expo Modules API across Swift, Kotlin, and TypeScript. Covers module definition DSL (Function, AsyncFunction, Property, Constant, Events), native views, shared objects, and type system with examples in both Swift and Kotlin Includes lifecycle hooks for module initialization, iOS AppDelegate, and Android activity/application listeners Provides config plugin guidance for modifying Info.plist and AndroidManifest.xml, plus...

Expo Modules API（Swift、Kotlin、TypeScript）を使用したExpoネイティブモジュールとビューの作成および記述のガイド。モジュール定義DSL、ネイティブ…をカバー。

Framework (OSS). Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations,…

フレームワーク（OSS）。美しくネイティブ感のあるExpo画面を構築します。Apple HIGスタイリング、セマンティックカラー、ネイティブコントロール、SF Symbols、メディア、アニメーション、ビジュアルエフェクト、グラデーション、ストレージ、レスポンシブレイアウトをカバー。ルーティングとナビゲーションには、expo-routerスキルを使用してください。

Use for anything related to EAS Observe — adding `expo-observe` to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the useObserve hook, the…

Framework (OSS). Folder structure for a new Expo app. Use when scaffolding or laying out a new Expo project with Expo Router, or deciding where a file should…

Run Expo's configured AI code reviewer on local changes or an expo/expo pull request, summarize findings and reviewer coverage, retain PR previews by default…

Framework (OSS). Navigation and routing for Expo Router. Covers file-based routes, groups and dynamic routes, folder organization, Link with previews and…

フレームワーク（OSS）。Expo Routerのナビゲーションとルーティング。ファイルベースのルート、グループと動的ルート、フォルダ構成、プレビューとコンテキストメニュー付きのLink、ネイティブStack、ページタイトル、モーダルとフォームシート、NativeTabs、ヘッダーとツールバー、ヘッダー検索バーをカバー。

Evaluate Expo skills in this repo end-to-end - trigger accuracy, generated code quality, and runtime screenshots on iOS simulator and Android emulator via Expo…

このリポジトリ内のExpoスキルをエンドツーエンドで評価します - トリガーの精度、生成されたコードの品質、iOSシミュレーターとAndroidエミュレーター上でのランタイムスクリーンショットをExpo経由で…

Submit feedback on an Expo skill—or Expo itself—and control bundled anonymous usage telemetry (off by default / opt-in). Submit feedback with: npx --yes…

Expoアプリ向けのiOS、Android、Web対応ユニバーサルTailwind CSS v4スタイリング。Metroトランスフォーマーを介してTailwind CSS v4をreact-native-cssおよびNativeWind v5と統合し、Babel設定を不要にします。classNameスタイルをネイティブ要素に適用する再利用可能なCSSラップコンポーネントライブラリ（View、Text、ScrollView、Pressable、TextInput、Image、Link）を提供。CSSメディアクエリによるプラットフォーム固有のスタイリング、@themeブロックによるカスタムテーマ変数、Appleセマンティック...をサポートします。

Universal Tailwind CSS v4 styling for Expo apps across iOS, Android, and Web. Integrates Tailwind CSS v4 with react-native-css and NativeWind v5 via Metro transformer, eliminating the need for Babel configuration Provides reusable CSS-wrapped component library (View, Text, ScrollView, Pressable, TextInput, Image, Link) that apply className styles to native elements Supports platform-specific styling through CSS media queries, custom theme variables via @theme blocks, and Apple semantic...

Framework (OSS). Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native…

フレームワーク（OSS）。@expo/uiパッケージでネイティブUIを構築：iOSでは本物のSwiftUI、AndroidではJetpack ComposeをReactからレンダリングし、ExpoまたはReact Nativeアプリで動作。@expo/uiからインポートする汎用クロスプラットフォームコンポーネント（Host、Column、Row、Button、Text、Listなど）、人気のReact Nativeコミュニティライブラリのドロップイン代替（BottomSheet、DateTimePicker、Slider、Menuなど）、およびプラットフォーム固有のSwiftUI（@expo/ui/swift-ui、iOSのみ）とJetpack Composeをカバー。

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

フレームワーク（OSS）。Expo SDKのバージョンアップグレードと依存関係の問題修正のためのガイドライン

Framework (OSS). Guidelines for upgrading Expo SDK versions and fixing dependency issues

Framework (OSS). Migrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a…

フレームワーク（OSS）。既存のWeb ReactアプリをExpoでネイティブのiOS/Androidアプリに移行します。ユーザーがウェブサイトをモバイルアプリに変換したい場合や、移植したい場合に使用します…

Expoアプリ向けのネットワークリクエスト、API呼び出し、データフェッチ。キャッシュ、エラーハンドリング、オフラインサポートを備える。fetch API、React Query、エラーハンドリングパターン、expo-secure-storeを用いたトークン管理、指数バックオフによるリトライロジックを網羅。NetInfoとReact Queryの永続化を用いたオフラインファースト戦略、クライアントサイドURL用のEXPO_PUBLIC_プレフィックスを使用した環境変数設定を含む。Expo Routerのデータローダー（useLoaderData）によるルートレベルでのデータローディングをサポート。

npx serve-sim を使って、実行中のiOS、iPad、またはApple Watchシミュレータを制御およびストリーミングします。シミュレータのプレビュー、タップ、ジェスチャ、ハードウェアボタン、回転などに使用します。

serve-simのDevice Hubスタイルのシミュレータプレースホルダアセットを、ローカルのXcode/CoreTypesリソースから監査および更新します。新しいXcodeまたはmacOSをインストールした後に使用してください…

Write, review, or improve SwiftUI code following best practices for state management, view composition, performance, macOS-specific APIs, and iOS 26+ Liquid…

SwiftUIコードの作成、レビュー、改善を行い、状態管理、ビュー構成、パフォーマンス、macOS固有のAPI、iOS 26+のLiquid…に関するベストプラクティスに従います。

ExpoでTailwind CSS v4をセットアップし、react-native-cssとNativeWind v5を使用してユニバーサルスタイリングを実現します

Expo SDKバージョンのアップグレードと依存関係の競合解決のための構造化ガイダンス。診断、キャッシュクリア、ネイティブ変更のためのプリビルドワークフローを含む段階的なアップグレードプロセスを提供します。SDK 53〜55における破壊的変更（React 19移行、New Architectureのデフォルト化、React Compilerのセットアップ、ネイティブモジュールの更新（tabs、audio、video））をカバーします。expo-av、expo-permissions、AsyncStorageなどのパッケージに対する非推奨マップと置き換え推奨事項を含みます...

ExpoアプリでWeb専用ライブラリを実行するには、ネイティブではWebビュー内でレンダリングし、Webではそのまま表示します。'use dom';ディレクティブを記述したDOMコンポーネントファイルでラップすることで、あらゆるReact Webライブラリ（recharts、react-syntax-highlighter、canvas、WebGL）を修正不要でサポートします。ネイティブからWebビューへシリアライズ可能なプロパティと非同期関数を渡し、ネイティブとWebコンテキスト間の双方向通信を実現します。domプロパティを介してWebビューの設定オプション（スクロール制御、セーフエリア...）を含みます。

既存のWeb ReactアプリをExpoでネイティブのiOS/Androidアプリに移行します。ユーザーがウェブサイトをモバイルアプリに変換したい場合や、Next.js/Vite/CRA…を移植したい場合に使用します。