# expo-native-ui

> Claude/Codex skill by [@expo](https://omgskills.com/library/expo/index.md) · 3.5k stars · Updated 2026-10-28

Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill; for motion and animation, use the expo-animation skill.

## Install

```sh
git clone https://github.com/expo/skills /tmp/skills && ln -s /tmp/skills/plugins/expo/skills/expo-native-ui ~/.claude/skills/expo-native-ui
```

## From README

Expo Native UI Guidelines For routes, links, stacks, tabs, modals, sheets, and headers, use the expo-router skill. For any motion — entering/exiting, gestures, springs, keyboard-driven UI — use the expo-animation skill. Before picking any UI component, check expo-ui first. @expo/ui provides native equivalents — BottomSheet, Button, Picker, Slider, Menu, Section, Switch, SegmentedControl, and more — rendered as real SwiftUI on iOS and Jetpack Compose on Android, available in Expo Go on SDK 56+ with no custom build. Load the expo-ui skill to find the right component before falling back to React Native built-ins or community libraries. This skill (expo-native-ui) covers the surrounding structure: Expo Router navigation, layout, styling, and visual effects. References Consult these resources as needed: Running the App CRITICAL: Always try Expo Go first before creating custom builds. Most Expo apps work in Expo Go without any custom native code.

## Links

- HTML page: https://omgskills.com/library/expo/skills/building-native-ui/
- GitHub: https://github.com/expo/skills
- Author: [@expo](https://omgskills.com/library/expo/index.md)

## More from this repo

- [eas-update-insights](https://omgskills.com/library/expo/skills/eas-update-insights/index.md) — Used to check the health of published EAS Update: crash rates, install/launch counts, unique users, payload size, and...
   - [@expo](https://omgskills.com/library/expo/index.md) · 3.5k stars
- [expo-dev-client](https://omgskills.com/library/expo/skills/expo-dev-client/index.md) — Used to build and distribute Expo development clients locally or via TestFlight for internal testing.
   - [@expo](https://omgskills.com/library/expo/index.md) · 3.5k stars
- [expo-module](https://omgskills.com/library/expo/skills/expo-module/index.md) — Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript).
   - [@expo](https://omgskills.com/library/expo/index.md) · 3.5k stars