Does this skill support Expo Go?

Yes, it prioritizes Expo Go compatibility and provides clear criteria for when custom native builds are actually required.

Does it include support for animations?

Yes, it includes best practices for React Native Reanimated, covering entering/exiting animations, layout transitions, and scroll-driven effects.

Which icon library does it recommend?

It recommends expo-symbols (SF Symbols) on iOS rather than legacy vector icon libraries to ensure a more native look and feel.

How does it handle mobile navigation?

It utilizes Expo Router's file-based system, providing specific patterns for native tabs, stacks, shared group routes, and dynamic modals.

Can I use Tailwind CSS with this skill?

No, this skill advocates for inline styles and native-compatible styling properties to ensure maximum performance and adherence to native platform patterns.

Expo & React Native UI Architect

Name: Expo & React Native UI Architect
Author: gigs-slc

bygigs-slc

0•

Mobile Development

Builds high-performance, native-quality mobile interfaces using Expo Router, Reanimated, and Apple Human Interface Guidelines.

This skill provides a comprehensive framework for developing sophisticated mobile applications with Expo and React Native. It enforces best practices for file-based navigation with Expo Router, implements modern styling patterns using CSS boxShadow and flexbox, and integrates native-first components like SF Symbols and iOS-style sheets. By following these guidelines, developers can ensure their apps are responsive, follow Apple's Human Interface Guidelines, and leverage the full power of the Expo ecosystem, including advanced animations and native tab bars, while maintaining compatibility with Expo Go for faster iteration.

Key Features

01Advanced animation support via Reanimated and gesture-driven layouts

020 GitHub stars

03Native-first UI implementation using SF Symbols and Apple Human Interface Guidelines

04Performance-optimized styling using modern React Native and CSS boxShadow properties

05Comprehensive Expo Router patterns for Stacks, Native Tabs, Modals, and Sheets

06Standardized development workflows for Expo Go and custom native builds

Use Cases

01Implementing iOS-native behaviors like context menus, link previews, and liquid glass effects

02Architecting complex file-based navigation structures using Expo Router

03Rapidly prototyping high-fidelity mobile applications compatible with Expo Go

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gigs-slc/react-native-skills building-ui

For use in Claude.ai and ChatGPT

Download Skill