Expo Skills for AI agents
Edit page
A list of official AI agent skills provided by Expo for building, deploying, and debugging Expo and React Native apps.
Expo Skills are structured instruction files that teach AI agents how to build, deploy, and debug Expo and React Native apps accurately and efficiently. They work with Claude Code, Cursor, Codex, and other AI agents.
Install Expo Skills
Run the following command to add Expo Skills from the plugin marketplace:
- /plugin marketplace add expo/skillsThen install a specific plugin:
- /plugin install expo-app-design- /plugin install upgrading-expo- /plugin install expo-deploymentFollow the steps below in your Cursor app to add Expo Skills as a remote rule:
- Open Settings > Rules & Command > Project Rules > Add Rule and select Remote Rule.
- Enter the following URL of the remote rule and click Add.
https://github.com/expo/skills.git
Note: Skills in Cursor are not shown in the slash command (/) menu. They work via auto-discovery when you ask the agent Expo-related questions.
Use the skills CLI to add Expo Skills to any compatible agent:
- npx skills add expo/skillsAvailable Expo Skills
The following skills are available, organized by plugin:
| Skill | Description | Plugin |
|---|---|---|
building-native-ui | Use for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs. | expo-app-design |
native-data-fetching | Use to implement or debug a network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders. | expo-app-design |
expo-api-routes | Use to create API routes in Expo Router with EAS Hosting. | expo-app-design |
expo-dev-client | Use to build and distribute development clients locally or via TestFlight. | expo-app-design |
expo-tailwind-setup | Use to set up Tailwind CSS with react-native-css and NativeWind for universal styling. | expo-app-design |
use-dom | Use Expo DOM components to run web code in a webview on native or web. | expo-app-design |
expo-ui-jetpack-compose | Use for Jetpack Compose Views and modifiers in Expo apps. | expo-app-design |
expo-ui-swift-ui | Use for SwiftUI Views and modifiers in Expo apps. | expo-app-design |
expo-deployment | Use to deploy to Google Play Store, Apple App Store, web hosting, and API routes via EAS. | expo-deployment |
expo-cicd-workflows | Use to create EAS Workflows YAML files for CI/CD automation. | expo-deployment |
upgrading-expo | Use to upgrade Expo SDK versions, fix dependency issues, or handle breaking changes. | upgrading-expo |
Example prompts
Try the following prompts after installing Expo Skills. Your AI agent will automatically use the appropriate skill:
| Example prompt | Skill used |
|---|---|
| Build a settings screen with a form and navigation | building-native-ui |
| Set up Tailwind CSS in my Expo project | expo-tailwind-setup |
| Embed a recharts chart in my native app using web code | use-dom |
| Add a SwiftUI picker component to my Expo app | expo-ui-swift-ui |
| Use Material Design 3 components with Jetpack Compose | expo-ui-jetpack-compose |
| How do I deploy my Expo app to the Apple App Store? | expo-deployment |
| Create a CI/CD workflow that builds on every PR | expo-cicd-workflows |
| Upgrade my project to the latest Expo SDK | upgrading-expo |
Additional resources
expo/skills GitHub repositoryBrowse the source for all available Expo Skills, or report issues.
Companion AI tooling that gives coding agents direct access to Expo and EAS services.