What problem does it solve? Building Expo apps that feel truly native requires knowing which components, colors, and patterns match Apple Human Interface Guidelines and Android Material conventions. This Skill provides the styling rules, library choices, and layout patterns needed to produce native-feeling screens without trial and error. ## Core Features & Use Cases - Native Styling System: Apply semantic colors via the Color API from expo-router, CSS boxShadow, continuous border curves, and safe-area-aware ScrollView layouts that adapt to light and dark mode. - Component & Library Guidance: Choose the right tool for each UI need, preferring @expo/ui native controls, expo-image SF Symbols, expo-audio/expo-video, and Reanimated animations over deprecated alternatives. - In-Depth References: Consult dedicated guides for animations, native controls, gradients, icons, media capture, storage, blur and liquid glass effects, and WebGPU/Three.js 3D graphics. - Use Case: When building a settings screen or camera flow in an Expo app, use this Skill to pick native switches and pickers, apply system semantic colors, add haptics, and decide whether Expo Go is sufficient before creating a custom native build. ## Quick Start Use the expo-native-ui skill to build a native-feeling settings screen with semantic colors, native controls, and safe-area-aware scrolling.
