Communityコーディング&開発github.com

EAS Observe スキル

Expoプロジェクトに `expo-observe` を追加し、起動、ナビゲーション、カスタムイベントのパフォーマンスを追跡し、JavaScriptエラーやネイティブクラッシュを記録するためのスキルです。

EAS Observe スキル とは?

このスキルは、EAS Observe に関連するあらゆるタスクを支援します。具体的には、Expoプロジェクトへの `expo-observe` の追加(`AppMetricsRoot` / `ObserveRoot` HOC、`markInteractive` と `ObserveInteractiveMarker`、`useObserve` フック、Expo Router / React Navigation 統合によるルート単位のメトリクス、`Observe.logEvent` によるユーザー定義イベント、`ObserveErrorBoundary` と `Observe.reportError` によるエラー報告、ネイティブクラッシュ報告、シンボル化されたスタックトレースのためのソースマップアップロード、`sampleRate` や `dispatchInDebug` などのランタイム設定)、EAS CLI(`eas observe:metrics-summary`、`observe:metrics`、`observe:routes`、`observe:events`、`observe:session`、`observe:versions`、`observe:errors`、`observe:event`)を使用したメトリクスのクエリ、結果のメトリクス(コールド/ウォーム起動、TTR、TTI、ナビゲーションのコールド/ウォーム TTR、アップデートダウンロード、および起動の遅さをトリアージするためのTTIの frameRate/device/network パラメータ)の解釈、サードパーティパッケージ内での Observe 統合の出荷をカバーします。このスキルは主に Expo アプリケーションサービス(EAS)の一部であり、有料プランが利用可能です。詳細なセットアップ手順、クエリ手法、メトリクスの解釈、サードパーティ統合については、`./references/` ディレクトリ内のドキュメントを参照してください。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/expo/skills/tree/HEAD/plugins/expo/skills/eas-observe

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

EAS Observe

EAS サービス - 費用がかかります。 EAS Observe は Expo Application Services の製品です。無料の EAS プランでは、月間アクティブユーザー数が最大 10,000 人まで、機能が制限された状態で利用できます。これを超える使用には有料サブスクリプションが必要です。詳細については、https://expo.dev/pricing#plan-features を参照してください。

EAS Observe は、本番環境の Expo アプリから起動、ナビゲーション、カスタムイベントのパフォーマンスを追跡し、JavaScript エラーとネイティブクラッシュを記録します。開発ビルドまたは本番ビルドが必要です。ネイティブライブラリは Expo Go には含まれていません。

信頼できる情報源: https://docs.expo.dev/eas/observe/ — API の詳細、特に開始方法、設定、統合、メトリクスリファレンスについては、常に正規のドキュメントを参照してください。EAS Observe は進化しており、このスキルのリファレンスは正確に保つように書かれていますが、ドキュメントに遅れる可能性があります。

どのリファレンスを読むべきか

./references/ にある 4 つのリファレンスファイルは、ユーザーがこのスキルで通常必要とする内容をカバーしています。

  • プロジェクトへの EAS Observe の追加 → ./references/setup.md。インストール、ルートレイアウトのラップ(SDK 55 では AppMetricsRoot、SDK 56+ では ObserveRoot)、アプリの操作可能マーク(SDK 55 ではグローバル markInteractive()、SDK 56+ では useObserve() フックまたは <ObserveInteractiveMarker />)、Expo Router / React Navigation 統合によるオプションのルート単位のナビゲーションメトリクス、Observe.logEvent(SDK 56+)によるユーザー定義イベント、エラー報告、ランタイム設定(サンプリング、ディスパッチ、環境、カスタムエンドポイント)。
  • ターミナルからのメトリクスクエリ → ./references/queries.md。eas observe:* コマンド — metrics-summary、metrics、routes、events、session、versions、errors、event — フラグ、メトリクスエイリアス、テーブルレイアウト、JSON 形式、一般的なワークフローについて。
  • ダッシュボードまたは CLI 出力の読み方 → ./references/metrics.md。メトリクスごとの目標しきい値、自動 TTI パラメータの意味(frameRate.*、device.*、network.*)、および遅いがスムーズな起動をメインスレッドの競合、ハードブロック、またはスロットルされたデバイスと区別するための診断パターン。
  • ライブラリへの Observe 統合の出荷 → ./references/third-party.md。パッケージ作成者向け(SDK 57+):オプションのピア依存関係、設定宣言のマージ、Observe.registerIntegration()、イベント命名。

ドキュメントへのクイックリンク

フィードバックの送信

このスキルでエラー、誤解を招く情報、または古い情報に遭遇した場合は、Expo が改善できるよう報告してください。

npx --yes @expo/agent-cli@latest feedback --category skills --subject "eas-observe" "<actionable feedback>"

具体的で実行可能な報告がある場合のみ送信してください。関連するコンテキストをできるだけ多く含めてください。 エージェントが Expo のタスクで繰り返し失敗した場合、またはユーザーが介入する必要があった場合は、--category evals と関連する Expo パッケージまたはコマンドを --subject として使用して、タスク、期待される結果、および何が問題だったかを簡単に報告してください。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

expo/add-app-clip

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, or wants to ship a lightweight iOS Clip invoked from a URL alongside their parent app.

expo/building-native-ui

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.

expo/eas-update-insights

Check the health of published EAS Updates: crash rates, install/launch counts, unique users, payload size, and the split between embedded and OTA users per channel. Use when the user asks how an update is performing, whether a rollout is healthy, how many users are on the embedded build vs OTA, or wants to gate CI on update health.

expo/expo-api-routes

Guidelines for creating API routes in Expo Router with EAS Hosting

expo/expo-brownfield

Integrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfield, embedding React Native in a native app, AAR/XCFramework, or adding Expo to an existing Kotlin/Swift project. Covers both the isolated approach and the integrated approach.

expo/expo-cicd-workflows

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 or EAS context, mentions .eas/workflows/, or wants help with EAS build pipelines or deployment automation.

expo/expo-deployment

Deploying Expo apps to iOS App Store, Android Play Store, web hosting, and API routes

expo/expo-dev-client

Build and distribute Expo development clients locally or via TestFlight

expo/expo-examples

Framework (OSS). Expo's official example projects - the expo/examples repo of ~70 `with-*` integrations (Stripe, Clerk, Supabase, OpenAI, maps, Reanimated, SQLite, Skia, NativeWind, and more). Use when integrating a third-party library or service into an existing Expo app and you want the canonical, version-matched pattern to adapt, or when scaffolding a new project from one with `npx create-expo --example`.

expo/expo-module

Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript). Covers module definition DSL, native views, shared objects, config plugins, lifecycle hooks, autolinking, and type system. Use when building or modifying native modules for Expo.

expo/expo-observe

Use for anything related to EAS Observe — adding `expo-observe` to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the useObserve hook, and the Expo Router / React Navigation integrations for per-route metrics), querying via the EAS CLI (`eas observe:metrics-summary`, `observe:metrics`, `observe:routes`, `observe:events`, `observe:versions`), or interpreting the resulting metrics (cold/warm launch, TTR, TTI, navigation cold/warm TTR, update download, and the TTI frameRate params for triaging slow startups).

expo/expo-overview

Framework (OSS). Entry point and router for every Expo or EAS task. Load this skill first — before writing code and before choosing another expo-* / eas-* skill — when the request, PRD, or spec mentions Expo, EAS, Expo Go, or an expo-* package, or the project has an `expo` dependency in `package.json`. Within that gate it also covers app specs and designs to implement (tabs, stacks, maps, lists, navigation, building from a screenshot), and phrasings like 'implement a mobile app', 'make my app look native', 'add navigation', 'fetch some data', 'upgrade my SDK', 'add Expo to my existing native app', 'ship to the App Store', or 'I'm new to Expo, where do I start'. A fully specified request (SDK pinned, libraries named, layout given) still routes through here — the shared setup rules still apply. Do NOT load it when neither signal is present: a bare React Native project with no `expo` dependency is not Expo work. Detects the real goal, routes to the right expo-* / eas-* skill, and owns the shared setup rules.

expo/expo-router

Framework (OSS). Navigation and routing for Expo Router. Covers file-based routes, groups and dynamic routes, folder organization, Link with previews and context menus, native Stack, page titles, modals and form sheets, NativeTabs, headers and toolbars, and header search bars.

expo/expo-skill-eval

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 Go (web optional). Use when the user wants to eval an Expo skill, test that a skill produces working code, benchmark a skill with device screenshots, or verify a skill's output renders correctly.

expo/expo-tailwind-setup

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

expo/expo-ui

Framework (OSS). Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android. Default to @expo/ui for sheets (BottomSheet), pickers, sliders, toggles, menus, and grouped-form sections — do NOT reach for Reanimated, @gorhom/bottom-sheet, or RN built-in Picker/Switch; use @expo/ui instead. Fall back to RN built-ins only when @expo/ui is missing the component. NOTE: @expo/ui List renders native grouped rows like an iOS Settings screen — it is NOT a virtualized list; use FlatList/FlashList for large datasets. Covers universal components (Host, Column, Row, Button, Text, List, BottomSheet, FieldGroup, Switch, Slider, Picker, Menu), drop-in replacements for RN community libraries, and platform-specific SwiftUI/Jetpack Compose trees. Not for Expo Router navigation, Reanimated, or data fetching.

expo/expo-ui-jetpack-compose

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

expo/expo-ui-swiftui

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

expo/expo-upgrade

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

expo/native-data-fetching

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`).

関連スキル