How does it handle navigation?

It uses Expo Router for native stack navigation, including support for native tabs, dynamic form sheets, and contextual link previews.

Can I use CSS or Tailwind with this skill?

No, this skill follows native styling patterns and recommends inline styles or StyleSheet to ensure consistency across native platforms.

Does it work with Expo Go?

Yes, the skill prioritizes Expo Go compatibility and only recommends custom native builds when local modules or specific Apple targets are required.

Does this skill support web development?

While Expo is cross-platform, this skill specifically focuses on native UI patterns, iOS/Android conventions, and Apple Human Interface Guidelines.

Expo Native UI Builder

Name: Expo Native UI Builder
Author: expo

byexpo

•

1,643

•

Mobile Development

Build high-quality native mobile interfaces using Expo Router, native components, and modern React Native patterns.

This skill provides comprehensive guidance for creating production-grade native applications with Expo. It enforces best practices for Expo Router navigation, native UI components like SF Symbols and native tabs, and optimized performance patterns. By following Apple Human Interface Guidelines and leveraging Expo-specific modules, it helps developers build fluid, responsive apps that feel truly native while maximizing the developer experience through Expo Go and standard library preferences.

主要功能

011,643 GitHub stars

02Optimized responsiveness using Flexbox and contentInsetAdjustmentBehavior.

03Native navigation patterns using Expo Router stacks, tabs, and fluid transitions.

04Advanced UI implementation for SF Symbols, context menus, and link previews.

05Best practices for Expo Go compatibility to ensure rapid iteration cycles.

06Performance-focused styling guidelines following Apple Human Interface Guidelines.

使用场景

01Refactoring existing React Native apps to modern Expo standards and native modules.

02Designing complex navigation structures with nested native tabs and shared group routes.

03Implementing high-fidelity mobile UI components with Reanimated and native blur effects.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add expo/skills building-native-ui

For use in Claude.ai and ChatGPT