메뉴
Build and maintain React Native apps with Expo SDK, EAS Build, EAS Update, and Continuous Native Generation. Use when configuring Expo projects, adding native modules, building binaries, or shipping over-the-air updates.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Migrate a React Native project from NativeWind to Uniwind. Use when the user wants to replace NativeWind with Uniwind, upgrade from NativeWind, switch to Uniwind, or mentions NativeWind-to-Uniwind migration. Handles package removal, config migration, Tailwind 4 upgrade, cssInterop removal, theme conversion, and all breaking changes.
Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or debugging components in a React Native project that uses Uniwind classNames. Covers setup, Metro config, global.css, theming, className props, accent-* color props, platform/data/state/responsive variants, CSS variables, custom utilities, withUniwind for third-party components, cn/tailwind-merge, tailwind-variants, safe area utilities, gradients, fonts, React Navigation, UI kits, diagnostics, troubleshooting, and Uniwind Pro features. Does not cover NativeWind migration.
Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines, creates packages, sets up monorepo, shares code between apps, runs changed/affected packages, debugs cache, or has apps/packages directories.
Use Tailwind CSS to style React Native components across web and native
End-to-end testing patterns with Playwright for full-stack Python/React applications. Use when writing E2E tests for complete user workflows (login, CRUD, navigation), critical path regression tests, or cross-browser validation. Covers test structure, page object model, selector strategy (data-testid > role > label), wait strategies, auth state reuse, test data management, and CI integration. Does NOT cover unit tests or component tests (use pytest-patterns or react-testing-patterns).
Keep JavaScript/TypeScript dependencies fresh with safety rails and monorepo support.
| name | react-native-expo |
| description | Build and maintain React Native apps with Expo SDK, EAS Build, EAS Update, and Continuous Native Generation. Use when configuring Expo projects, adding native modules, building binaries, or shipping over-the-air updates. |
| metadata | {"author":"Hairy","version":"2026-02-26","source":"Generated from https://github.com/expo/expo, scripts located at https://github.com/hairyf/skills"} |
The skill is based on Expo SDK (docs from expo/expo repo), generated at 2026-02-26.
Expo provides tooling and services for React Native: app config and Prebuild (Continuous Native Generation), Expo SDK packages, development builds, EAS Build (cloud builds and internal distribution), and EAS Update (over-the-air JS updates). Use development builds for production apps; Expo Go is a limited playground.
| Topic | Description | Reference |
|---|---|---|
| App config | app.json, app.config.js/ts, dynamic config, reading in app | core-config |
| Development workflow | Dev loop, development builds vs Expo Go, when to rebuild | core-development-workflow |
| Development and production modes | DEV, --no-dev --minify, when to use each | core-development-mode |
| Metro | metro.config.js, resolver, transformer, cache, env vars | core-metro |
| Logging | Console in terminal, native logs, log-android / log-ios | core-logging |
| CNG and Prebuild | npx expo prebuild, --clean, EAS Build and native dirs | core-continuous-native-generation |
| Topic | Description | Reference |
|---|---|---|
| Expo SDK and third-party libs | Install with npx expo install, compatibility, config plugins | features-expo-modules |
| expo-constants | App manifest, build info, system constants, extra/env at runtime | features-sdk-constants |
| expo-image | Performant image component, caching, BlurHash/ThumbHash, contentFit | features-sdk-image |
| expo-file-system | File and directory API, Paths.cache/document, read/write, download | features-sdk-filesystem |
| expo-secure-store | Encrypted key-value store, optional biometric auth | features-sdk-secure-store |
| Config plugins | Use and write plugins to modify AndroidManifest, Info.plist during prebuild | features-config-plugins |
| Native modules | Expo Modules API, local module, config plugin for native config, lifecycle | features-native-modules |
| Topic | Description | Reference |
|---|---|---|
| EAS Build | Cloud builds, eas.json profiles, development/preview/production | features-eas |
| EAS Submit | Submit to Google Play and App Store (TestFlight), eas.json, CI | features-eas-submit |
| Topic | Description | Reference |
|---|---|---|
| iOS Simulator and Android emulator | Setup, npx expo start + i/a, limitations, troubleshooting | features-simulators-emulators |
| Topic | Description | Reference |
|---|---|---|
| expo-updates and EAS Update | OTA updates, runtime version, channels | features-updates |
| Upgrading Expo SDK | Incremental upgrade, npx expo install --fix, expo-doctor | features-versioning |
| Topic | Description | Reference |
|---|---|---|
| Debugging | Dev vs production errors, native logs, reproducing crashes | best-practices-debugging |
| Common development errors | Metro, AppRegistry, SDK version, version mismatch, caches | best-practices-common-errors |
