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.

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.

주요 기능

01Optimized handling of media, storage, and 3D graphics with WebGPU

02Responsive layout strategies using ScrollView and window dimension hooks

03Native navigation patterns including Tabs, Stacks, and dynamic Form Sheets

04Implementation of high-fidelity UI effects like SF Symbols and Blur

05Advanced gesture-driven interactions and Reanimated layout animations

06327 GitHub stars

사용 사례

01Developing a complex multi-tab application with nested navigation stacks

02Creating native-feeling iOS interfaces with context menus and link previews

03Building responsive, high-performance forms and lists for cross-platform apps

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add expo/skills building-ui

For use in Claude.ai and ChatGPT

Download Skill