Download for MacApple silicon, macOS 14+
Skill

expo-native-ui

@expo 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

With your agent

Install OMGSkills skill "expo/skills:building-native-ui" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.

Manual command

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.