expo — Claude plugin: Expo and React Native skills
Official Expo skills for Claude: build native UI, ship to the stores, upgrade the SDK and untangle dependencies.
Open on GitHubWhat expo does
The plugin drops a set of Expo team skills into Claude. They cover three areas: app design, deployment and SDK upgrades. Twelve skills in total, grouped that way.
Design means building-native-ui for Expo Router navigation, styling and animations, expo-tailwind-setup for Tailwind CSS v4 with NativeWind v5, native-data-fetching for requests and offline support, and use-dom for running web code in a webview. There are also expo-ui-swift-ui and expo-ui-jetpack-compose for SwiftUI and Jetpack Compose components. The codex-expo-run-actions skill wires script/build_and_run.sh and .codex/environments/environment.toml so the Run button in the Claude app launches expo start.
Deployment and upgrades come from expo-deployment for the App Store, Play Store and EAS Hosting, expo-cicd-workflows for CI/CD YAML, and upgrading-expo for moving to a new SDK. That last one finds deprecated packages and their replacements, clears caches in managed and bare workflows, and fixes dependency conflicts after the jump. If your project is stuck on an old SDK, start there: a migration like expo-av to expo-audio and expo-video tends to stall without someone untangling the conflicts.
What it helps with
- set up navigation and animations in a fresh Expo app
- add Tailwind CSS v4 through NativeWind v5
- wire the Claude Run button to
expo start - submit a build to App Store Connect and Google Play
- move to a new Expo SDK and resolve dependency conflicts
Example prompts for the agent
- help me set up Expo Router navigation for a new app
- configure Tailwind CSS v4 with NativeWind v5 in my Expo project
- walk me through an Expo SDK upgrade and fix the dependency conflicts
Questions about expo
How do I install the expo plugin in Claude?
It comes from the Claude plugin marketplace: add the source, then install the package. Exact commands depend on your Claude build, so check the plugins section of its interface.
What does the expo plugin do?
It adds twelve Expo team skills to Claude: UI design, store and web deployment, and SDK upgrades. The agent picks them up when you work on Expo or React Native.
What is the upgrading-expo skill for?
It walks through Expo SDK upgrades step by step, spots deprecated packages and their replacements, clears caches and fixes dependency conflicts afterwards.
Source text
expo · MIT
# Expo Official AI agent skills from the Expo team for building, deploying, upgrading, and debugging Expo apps. ## What This Plugin Does ### App Design - Provides UI guidelines following Apple Human Interface Guidelines - Covers Expo Router navigation patterns (stacks, tabs, modals, sheets) - Explains native iOS controls, SF Symbols, animations, and visual effects - Guides API route creation with EAS Hosting - Covers data fetching patterns with React Query, offline support, and Expo Router loaders - Helps set up Tailwind CSS v4 with NativeWind v5 - Explains DOM components for running web code in native apps - Wires Expo projects into the Codex app Run button and action terminal ### Deployment - Guides iOS App Store, TestFlight, and Android Play Store submissions - Covers EAS Build configuration and version management - Helps write and validate EAS Workflow YAML files for CI/CD - Covers web deployment with EAS Hosting ### Upgrading - Walks through the step-by-step Expo SDK upgrade process - Identifies deprecated packages and their modern replacements - Handles cache clearing for both managed and bare workflows - Fixes dependency conflicts after an upgrade ## When to Use ### App Design - Building new Expo apps from scratch - Adding navigation, styling, or animations - Setting up API routes or data fetching - Integrating web libraries via DOM components - Configuring Tailwind CSS for React Native - Adding a Codex app Run button for `expo start` - Creating optional Codex action buttons for iOS, Android, Web, dev-client, diagnostics, or export ### Deployment - Submitting apps to App Store Connect or Google Play - Setting up TestFlight beta testing - Configuring EAS Build profiles - Writing CI/CD workflows for automated deployments - Deploying web apps with EAS Hosting ### Upgrading - Upgrading to a new Expo SDK version - Fixing dependency conflicts after an upgrade - Migrating from deprecated packages (expo-av to expo-audio/expo-video) - Cleaning up legacy configuration files ## Skills Included ### App Design - **building-native-ui** — Build beautiful apps with Expo Router, styling, components, navigation, and animations - **codex-expo-run-actions** — Wire `script/build_and_run.sh` and `.codex/environments/environment.toml` so the Codex app Run button starts Expo - **expo-api-routes** — Create API routes in Expo Router with EAS Hosting - **expo-dev-client** — Build and distribute Expo development clients locally or via TestFlight - **expo-tailwind-setup** — Set up Tailwind CSS v4 in Expo with NativeWind v5 - **expo-ui-jetpack-compose** — Jetpack Compose UI components for Expo - **expo-ui-swift-ui** — SwiftUI components for Expo - **native-data-fetching** — Network requests, API calls, caching, and offline support - **use-dom** — Run web code in a webview on native using DOM components ### Deployment - **expo-deployment** — Deploy to iOS App Store, Android Play Store, and web hosting - **expo-cicd-workflows** — EAS workflow YAML files for CI/CD pipelines ### Upgrading - **upgrading-expo** — Upgrade Expo SDK versions and fix dependency issues ## License MIT
© Expo Team · MIT · openai/plugins
