Does this skill support Tailwind CSS?

No, this skill follows standard React Native styling conventions and recommends against using Tailwind or external CSS in favor of inline styles and native patterns.

Can I use this for Android development?

Yes, while the skill emphasizes Apple Human Interface Guidelines and iOS-specific features like SF Symbols, the core Expo Router and layout principles are cross-platform.

Does it recommend legacy React Native components?

No, it explicitly prohibits legacy modules like WebView, Picker, or AsyncStorage in favor of modern Expo-specific alternatives like expo-video and SQLite.

How does it handle navigation structures?

It provides strict patterns for Expo Router, utilizing file-based routing within the 'app' directory, specifically focusing on NativeTabs and Stack layouts.

When should I use a custom build versus Expo Go?

The skill suggests starting with Expo Go for most features, only moving to custom builds when using local Expo modules, Apple targets, or third-party native code.

Expo UI Guidelines & Patterns

Name: Expo UI Guidelines & Patterns
Author: marcoodignoti

bymarcoodignoti

Mobile Development

Architects high-quality mobile interfaces using Expo Router, native components, and modern React Native best practices.

About

This skill provides comprehensive architectural guidance for developing sophisticated mobile applications with Expo. It enforces best practices for navigation with Expo Router, styling aligned with Apple’s Human Interface Guidelines, and the implementation of advanced native features like context menus, SF Symbols, and liquid glass effects. By prioritizing modern libraries—such as expo-video and expo-symbols—over legacy modules, it ensures developers build high-performance, responsive, and platform-compliant user interfaces with minimal technical debt.

Key Features

Standardized Expo Router navigation patterns for Stacks and Native Tabs
Modern media and storage handling via latest Expo-specific modules
Implementation of native iOS controls, context menus, and link previews
Responsive layout strategies using ScrollViews and content inset adjustment
Advanced UI effects including Blur, Liquid Glass, and Reanimated animations
0 GitHub stars

Use Cases

Bootstrapping a new mobile app with a native iOS-centric navigation architecture
Implementing complex gesture-based interactions and native platform UI elements
Refactoring legacy React Native components to modern Expo-supported standards

About

Key Features

Standardized Expo Router navigation patterns for Stacks and Native Tabs
Modern media and storage handling via latest Expo-specific modules
Implementation of native iOS controls, context menus, and link previews
Responsive layout strategies using ScrollViews and content inset adjustment
Advanced UI effects including Blur, Liquid Glass, and Reanimated animations
0 GitHub stars

Use Cases

Bootstrapping a new mobile app with a native iOS-centric navigation architecture
Implementing complex gesture-based interactions and native platform UI elements
Refactoring legacy React Native components to modern Expo-supported standards