Is it optimized for the Expo New Architecture?

Yes, it includes support for experimental features like CSS gradients which require the Expo New Architecture.

What navigation library is used?

It exclusively uses Expo Router, providing specific patterns for file-based routing, shared group routes, and native tabs.

Does it work with Expo Go?

Yes, the skill includes a 'critical' guideline to prioritize Expo Go for development before moving to custom native builds or EAS.

How does it handle icons and symbols?

It prioritizes 'expo-symbols' for high-quality native SF Symbols on iOS, rather than relying on legacy vector icon libraries.

Does this skill support CSS or Tailwind?

No, this skill strictly follows Expo's preference for inline styles and the standard React Native styling system to ensure maximum performance and native compatibility.

Expo UI & Navigation Builder

Name: Expo UI & Navigation Builder
Author: expo

byexpo

•

327

Mobile Development

Builds production-ready mobile interfaces using Expo Router following native design patterns and modern library standards.

About

This skill serves as a comprehensive guide for Claude to architect and style high-quality mobile applications within the Expo ecosystem. It enforces best practices for file-based routing, responsive layouts, and native-feeling UI components that align with Apple's Human Interface Guidelines. By prioritizing modern libraries like expo-symbols and Reanimated, the skill ensures that applications are not only visually stunning but also performant and maintainable, covering everything from basic route structures to advanced features like liquid glass effects and native context menus.

Key Features

Optimized handling of media, storage, and 3D graphics with WebGPU
Responsive layout strategies using ScrollView and window dimension hooks
Native navigation patterns including Tabs, Stacks, and dynamic Form Sheets
Implementation of high-fidelity UI effects like SF Symbols and Blur
Advanced gesture-driven interactions and Reanimated layout animations
327 GitHub stars

Use Cases

Developing a complex multi-tab application with nested navigation stacks
Creating native-feeling iOS interfaces with context menus and link previews
Building responsive, high-performance forms and lists for cross-platform apps

About

Key Features

Optimized handling of media, storage, and 3D graphics with WebGPU
Responsive layout strategies using ScrollView and window dimension hooks
Native navigation patterns including Tabs, Stacks, and dynamic Form Sheets
Implementation of high-fidelity UI effects like SF Symbols and Blur
Advanced gesture-driven interactions and Reanimated layout animations
327 GitHub stars

Use Cases

Developing a complex multi-tab application with nested navigation stacks
Creating native-feeling iOS interfaces with context menus and link previews
Building responsive, high-performance forms and lists for cross-platform apps