Does it support modern Expo navigation?

Yes, it focuses on expo-router patterns, utilizing file-based routing, layouts, and native navigation hooks rather than legacy React Navigation APIs.

Why does it enforce the use of FlashList?

FlashList provides superior performance over standard FlatList by recycling views effectively, which is critical for maintaining 60fps scrolling in data-heavy mobile applications.

How are animations handled within this skill?

The skill prioritizes Reanimated for offloading animations to the UI thread, ensuring smooth interactions that don't lag when the JS thread is busy.

How does this skill handle platform-specific UI?

It implements Platform.select for minor inline differences and recommends .ios.tsx or .android.tsx file splitting for substantial implementation divergences to keep code maintainable.

Expo Native UI Patterns

Name: Expo Native UI Patterns
Author: hjemmesidekongen

byhjemmesidekongen

0•

Mobile Development

Architects performant, platform-aware user interfaces for Expo and React Native applications using industry-standard patterns and performance optimizations.

This skill equips Claude with specialized knowledge for building high-quality mobile interfaces within the Expo ecosystem, ensuring applications feel truly native on both iOS and Android. It enforces production-grade best practices including safe area management, optimized list rendering with FlashList, fluid 60fps animations via Reanimated, and robust gesture handling. By providing guidance on platform-specific file splitting and design token integration, the skill helps developers move beyond web-based UI patterns toward optimized mobile architectures that respect device-specific constraints and navigation paradigms.

主要功能

01High-performance list rendering using FlashList with accurate size estimation

02Platform-specific UI implementation via Platform.select and file extension splitting

03Native gesture composition and handling via react-native-gesture-handler

04Automated safe area validation to prevent content clipping on modern displays

050 GitHub stars

06Fluid, UI-thread animations and layout transitions using Reanimated

使用场景

01Implementing standardized design systems using tokens and StyleSheet.create for mobile

02Building cross-platform mobile apps that require distinct native behaviors and look-and-feel

03Optimizing complex lists and gesture-driven interactions for production-level performance

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hjemmesidekongen/ai expo-native-ui

For use in Claude.ai and ChatGPT