Does this skill support Expo Go?

Yes, it follows a 'Go-first' philosophy, prioritizing features that work in Expo Go and only suggesting custom native builds when specifically required for native modules or targets.

What are the styling recommendations?

The skill enforces the use of inline styles over legacy StyleSheet.create, prefers flex gap over margins, and uses the modern boxShadow prop for shadows instead of elevation.

Does it support the latest iOS features?

Yes, it includes support for iOS-specific features like SF Symbols, Apple Zoom transitions (iOS 18+), and liquid glass backdrop effects.

How does it handle navigation structures?

It utilizes Expo Router for all navigation, providing specific configurations for NativeTabs, Stack headers, and modal form sheets to ensure a native user experience.

Expo Native UI Builder

Name: Expo Native UI Builder
Author: sickn33

bysickn33

•

31,722

•

Mobile Development

Builds high-performance, native-feeling mobile applications using Expo Router and modern React Native UI patterns.

This skill provides a comprehensive set of guidelines and best practices for developing Expo applications that feel truly native. It covers advanced navigation structures like NativeTabs and Apple-style Zoom transitions, enforces modern library preferences such as expo-image and expo-audio, and provides strict styling rules aligned with Apple's Human Interface Guidelines. Whether you are optimizing for Expo Go or creating custom native builds, this skill ensures your app leverages the latest platform features like liquid glass effects, SF Symbols, and fluid Reanimated animations while maintaining a clean, performant codebase.

主要功能

01Implements advanced Expo Router patterns including NativeTabs, Stack navigation, and dynamic routes

02Applies Apple Human Interface Guidelines for authentic native styling and haptic feedback

03Configures modern visual effects including expo-blur, liquid glass, and continuous border curves

0431,722 GitHub stars

05Optimizes media and assets using expo-image with SF Symbols and expo-video

06Enforces best practices for responsive layouts using ScrollView content insets and flex gap

使用场景

01Implementing complex interaction patterns like link previews, context menus, and fluid zoom transitions

02Migrating legacy React Native components to modern Expo SDK modules and Expo Router conventions

03Developing a production-ready iOS or Android application with a native look and feel using Expo

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills building-native-ui

For use in Claude.ai and ChatGPT

主要功能

01Implements advanced Expo Router patterns including NativeTabs, Stack navigation, and dynamic routes

02Applies Apple Human Interface Guidelines for authentic native styling and haptic feedback

03Configures modern visual effects including expo-blur, liquid glass, and continuous border curves

0431,722 GitHub stars

05Optimizes media and assets using expo-image with SF Symbols and expo-video

06Enforces best practices for responsive layouts using ScrollView content insets and flex gap

使用场景

01Implementing complex interaction patterns like link previews, context menus, and fluid zoom transitions

02Migrating legacy React Native components to modern Expo SDK modules and Expo Router conventions

03Developing a production-ready iOS or Android application with a native look and feel using Expo