Expo 스킬

iOS App Clip 타겟을 Expo 앱에 추가합니다. 사용자가 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를 통한 그림자, 반응형 디자인 패턴)을 다루며, 라이브러리 선호도(expo-image의 SF Symbols, 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에서 서버 측 로직, 비밀 정보 및 타사 통합을 처리합니다. 앱 디렉토리에 +api.ts 접미사를 사용하여 라우트를 생성하고, HTTP 메서드(GET, POST, PUT, DELETE)에 대한 명명된 함수를 내보냅니다. 쿼리 파라미터, 헤더, JSON 본문 및 동적 라우트 세그먼트를 처리하며, 웹 클라이언트를 위해 CORS 헤더를 추가합니다. process.env를 통해 서버 측 비밀 정보에 접근하고, 로컬에서는 .env 파일에 변수를 설정하거나 프로덕션에서는 eas env:create를 통해 설정합니다. eas 명령어를 사용하여 EAS Hosting(Cloudflare Workers)에 배포합니다.

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를 통합합니다. 사용자가 brownfield, 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 호스팅을 제공합니다. 코드 푸시 시 트리거된 빌드 및 제출을 위한 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에 development 프로필을 설정하여 구성해야 합니다.

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 컴포넌트를 사용하여 네이티브에서는 웹뷰에서, 웹에서는 그대로 웹 코드를 실행합니다. 웹 코드를 네이티브로 점진적으로 마이그레이션합니다. 엔드투엔드…

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 네이티브 모듈 및 뷰를 Expo Modules API(Swift, Kotlin, TypeScript)를 사용하여 생성하고 작성하는 가이드입니다. 모듈 정의 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…

프레임워크(오픈소스). 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…

프레임워크(오픈소스). @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). 기존 웹 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 설정, 네이티브 모듈 업데이트(탭, 오디오, 비디오))을 다룹니다. expo-av, expo-permissions, AsyncStorage와 같은 패키지에 대한 폐기 맵과 대체 권장 사항을 포함합니다...

웹 전용 라이브러리를 Expo 앱에서 실행할 수 있도록, 네이티브에서는 웹뷰로 렌더링하고 웹에서는 그대로 렌더링합니다. 'use dom'; 지시어를 포함한 DOM 컴포넌트 파일로 감싸면, 수정 없이 모든 React 웹 라이브러리(recharts, react-syntax-highlighter, canvas, WebGL)를 지원합니다. 네이티브에서 웹뷰로 직렬화 가능한 props와 비동기 함수를 전달하여, 네이티브와 웹 컨텍스트 간 양방향 통신을 가능하게 합니다. dom prop을 통해 웹뷰 설정 옵션(스크롤 제어, 세이프 에어리어 등)을 포함합니다.

기존 웹 React 앱을 Expo를 사용하여 네이티브 iOS/Android 앱으로 마이그레이션합니다. 사용자가 웹사이트를 모바일 앱으로 전환하거나 Next.js/Vite/CRA…를 포팅하려는 경우 사용합니다.