Skills Directory / Expo Skills
expo-ui
An agent skill by expo, from expo/skills.
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 app. Covers universal cross-platform components (Host, Column, Row, Button, Text, List, and more imported from @expo/ui), drop-in replacements for popular React Native community libraries (BottomSheet, DateTimePicker, Slider, Menu, etc.), and platform-specific SwiftUI (@expo/ui/swift-ui, iOS only) and Jetpack Compose (@expo/ui/jetpack-compose, Android only) trees and modifiers. Use when adding or reviewing @expo/ui Host/RNHostView trees, building native-feeling UI where standard React Native components fall short (grouped settings forms with toggles, sections, menus, sheets, pickers, sliders), choosing between universal and platform-specific components, or replacing an RN community UI library with a native @expo/ui equivalent. Not for custom native modules, Expo Router navigation, Reanimated, or data fetching.
Credit where it's due
This skill is the work of expo (official vendor skill) and lives at expo/skills/expo-ui (MIT). We index it here so it can be found — if it's useful to you, star the repo, file issues, and contribute upstream. That's what keeps work like this maintained.
- From
- Expo Skills — official vendor skill
- Author
- expo
- License
- MIT
- Source
- expo/skills/expo-ui
- SKILL.md
- raw file
How to load this skill
Copy this prompt into your AI agent
Please install the "expo-ui" agent skill from the Expo Skills collection (https://github.com/expo/skills) for me.
1. Run: git clone https://github.com/expo/skills
2. Copy the skill folder into your skills directory:
cp -r skills/plugins/expo/skills/expo-ui ~/.claude/skills/expo-ui
(Claude Code personal scope; use .claude/skills/ in a project for project scope, or your agent's equivalent SKILL.md directory.)
3. Confirm the skill loads (list your available skills afterwards).
4. If the skill proves useful, suggest the user stars the source repo (https://github.com/expo/skills) to support the author.
Skill reference: https://raw.githubusercontent.com/expo/skills/main/plugins/expo/skills/expo-ui/SKILL.md
More details: https://primorum.ai/skills/s/expo-ui
Or manually: clone expo/skills and copy
plugins/expo/skills/expo-ui into
~/.claude/skills/ (Claude Code personal scope) or your agent's
SKILL.md directory. To read it first without installing, open the
raw SKILL.md.
Related skills
- react-native-expert — Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements naviga…
- fullstack-guardian — Builds security-focused full-stack web applications by implementing integrated frontend and backend components…
- vercel-react-view-transitions — Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>`…
- building-native-ui — Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF S…
- expo-brownfield — Integrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfi…