building-native-ui

Complete guide for building native Expo apps with routing, styling, components, and platform conventions.

expo ↓ 59k
Claude Code
View source ↗

What it does

  • Local Expo modules (custom native code in modules/)
  • Apple targets (widgets, app clips, extensions via @bacons/apple-targets)
  • Third-party native modules not included in Expo Go
  • Custom native configuration that can't be expressed in app.json
  • All expo- packages (camera, location, notifications, etc.)
  • Expo Router navigation
  • Most UI libraries (reanimated, gesture handler, etc.)

Requirements & configuration

  • You need npx expo run:ios/android or eas build ONLY when using:
  • If you're unsure, try Expo Go first. Creating custom builds adds complexity, slower iteration, and requires Xcode/Android Studio setup.

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

Complete guide for building native Expo apps with routing, styling, components, and platform conventions.

Source

Repository: https://github.com/expo/skills

building-native-ui FAQ

What does the building-native-ui skill do?

Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill. Local Expo modules (custom native code in modules/) Apple targets (widgets, app clips, extensions via @bacons/apple-targets)

What does building-native-ui require?

You need npx expo run:ios/android or eas build ONLY when using: If you're unsure, try Expo Go first. Creating custom builds adds complexity, slower iteration, and requires Xcode/Android Studio setup.

How do I install building-native-ui?

Run: npx -y skills add https://github.com/expo/skills --skill building-native-ui --agent claude-code — the source lives at github.com/expo/skills.

Maintain building-native-ui?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

building-native-ui on getagentictools
[![building-native-ui on getagentictools](https://getagentictools.com/badge/skills/expo-skills-building-native-ui.svg)](https://getagentictools.com/skills/expo-skills-building-native-ui?ref=badge)
npx agentictools info skills/expo-skills-building-native-ui

The second line is the CLI lookup for this page — handy in READMEs and docs.