Technical & DevelopmentIntermediate

building-native-ui

Build apps with Expo Router, styling, components, navigation, and animations

Developer Setup

Setup & Installation

bash

npx skills add https://github.com/expo/skills --skill building-native-ui

npx skills add https://github.com/expo/skills --skill building-native-ui

Or paste this URL into your assistant to install:

https://github.com/expo/skills/tree/main/plugins/expo/skills/building-native-ui View on GitHub

Overview

What 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.

Application

When to use this Skill

Configuring integration settings for custom agent workflows.
Optimizing query execution and response latency in production.
Developing clean, standard-compliant implementations for enterprise services.
Troubleshooting connection timeouts and authentication handshakes.
Monitoring API rate limits and execution pipelines programmatically.

Documentation

Show Skills.md file

Expo UI Guidelines

References

Consult these resources as needed:

references/
  animations.md          Reanimated: entering, exiting, layout, scroll-driven, gestures
  controls.md            Native iOS: Switch, Slider, SegmentedControl, DateTimePicker, Picker
  form-sheet.md          Form sheets in expo-router: configuration, footers and background interaction. 
  gradients.md           CSS gradients via experimental_backgroundImage (New Arch only)
  icons.md               SF Symbols via expo-image (sf: source), names, animations, weights
  media.md               Camera, audio, video, and file saving
  route-structure.md     Route conventions, dynamic routes, groups, folder organization
  search.md              Search bar with headers, useSearch hook, filtering patterns
  storage.md             SQLite, AsyncStorage, SecureStore
  tabs.md                NativeTabs, migration from JS tabs, iOS 26 features
  toolbar-and-headers.md Stack headers and toolbar buttons, menus, search (iOS only)
  visual-effects.md      Blur (expo-blur) and liquid glass (expo-glass-effect)
  webgpu-three.md        3D graphics, games, GPU visualizations with WebGPU and Three.js
  zoom-transitions.md    Apple Zoom: fluid zoom transitions with Link.AppleZoom (iOS 18+)

Running the App

Lines 1 - 25 of 314

Recommendations

Explore other random skills

CreativeIntermediate

flutter-building-layouts

Build and fix layouts using the constraint system (Row, Column, Stack)

CreativeBeginner

flutter-building-plugins

Create Flutter plugins that bridge Dart with platform code

TechnicalIntermediate

flutter-caching-data

Implement offline-first caching strategies

All skills My patterns