building-native-ui

Build native iOS interfaces with Expo Router, SF Symbols, and Reanimated animations.

Updated Jul 17, 2026
One-click install
npx skills add https://github.com/usmangurowa/socialmocks --skill building-native-ui-usmangurowa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: building-native-ui
Source: https://github.com/usmangurowa/socialmocks/tree/main/.agents/skills/building-native-ui
Command: npx skills add https://github.com/usmangurowa/socialmocks --skill building-native-ui-usmangurowa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building native-feeling mobile UIs with Expo requires knowing dozens of platform conventions, correct library choices, and iOS-specific patterns that are easy to get wrong. This Skill consolidates the correct approaches for navigation, styling, controls, animations, and media so generated code follows Apple Human Interface Guidelines and uses current Expo APIs instead of deprecated ones. ## Core Features & Use Cases - Navigation & Routing: Implements Expo Router patterns including stacks, native tabs, modals, form sheets, link previews, and context menus with correct file-based route structure. - Native UI Components: Provides guidance on SF Symbols icons, native iOS controls (Switch, Slider, SegmentedControl, DateTimePicker), blur and liquid glass effects, and Reanimated animations. - Media, Storage & 3D: Covers camera, audio/video playback with expo-audio/expo-video, SQLite/localStorage persistence, and WebGPU/Three.js 3D scenes. - Use Case: When asked to add a settings screen to an Expo app, the Skill produces a native stack screen with a large-title header, SF Symbol icons, native switches with haptics, and proper safe-area handling instead of generic cross-platform components. ## Quick Start Use the building-native-ui skill to create an Expo Router screen with a native tab bar, search header, and scroll-driven animations.

Frequently Asked Questions about building-native-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the limitations of NativeTabs in Expo Router?

NativeTabs supports a maximum of 5 tabs on Android, cannot nest inside other native tabs, and does not render headers, so each tab needs a nested Stack for navigation headers. It requires Expo SDK 54 or later.