Setup & Installation
npx skills add https://github.com/expo/skills --skill building-native-ui
https://github.com/expo/skills/tree/main/plugins/expo/skills/building-native-ui
View on GitHubWhat This Skill Does
A guide for building native iOS and Android UIs with Expo Router. Covers navigation patterns, styling rules, native controls, animations, form sheets, tabs, and platform-specific features like SF Symbols and liquid glass effects.
Rather than piecing together scattered Expo and React Native docs, this skill gives opinionated, ready-to-use patterns that reflect current library preferences and avoid deprecated APIs like expo-av, Dimensions.get, and legacy shadow styles.
When to use it
- Structuring tab and stack navigation using NativeTabs and Expo Router file conventions
- Adding context menus and link previews to navigation elements following iOS conventions
- Building form sheets with dynamic detents and transparent liquid glass backgrounds
- Integrating SF Symbols via expo-image and platform-native controls like Switch and DateTimePicker
- Setting up scroll-driven animations and zoom transitions for iOS 18+ navigation flows