Community코딩 & 개발github.com

expo/skills

EAS Observe 관련 모든 작업에 사용합니다. Expo 프로젝트에 `expo-observe` 추가, EAS CLI를 통한 지표 조회, 결과 해석, 또는 서드파티 패키지에 Observe 통합을 제공할 때 유용합니다.

skills란 무엇인가요?

이 스킬은 Expo Application Services (EAS)의 제품인 EAS Observe에 대한 포괄적인 안내를 제공합니다. EAS Observe는 프로덕션 Expo 앱의 시작, 탐색 및 사용자 정의 이벤트 성능을 추적하고, JavaScript 오류와 네이티브 크래시를 기록합니다. 개발 또는 프로덕션 빌드가 필요하며 Expo Go에서는 사용할 수 없습니다. 이 스킬은 크게 네 가지 참조 파일로 구성되어 있습니다: 프로젝트에 EAS Observe 추가 설정 가이드, 터미널에서 `eas observe:*` 명령어로 지표를 조회하는 방법, 대시보드나 CLI 출력 결과를 해석하는 방법(예: 콜드/웜 런치, TTR, TTI 등), 그리고 서드파티 라이브러리 패키지 작성자를 위한 Observe 통합 방법입니다. 성능 모니터링과 오류 보고 기능을 통해 앱의 안정성을 크게 향상시킬 수 있습니다.

지원 대상~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/ 디렉토리에 있는 네 개의 참조 파일은 이 스킬이 일반적으로 필요한 작업을 다룹니다:

  • 프로젝트에 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" "<구체적인 피드백>"

구체적이고 실행 가능한 내용이 있을 때만 제출하세요. 관련 컨텍스트를 최대한 많이 포함하세요. 에이전트가 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`).

관련 스킬