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

0•

Mobile Development

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

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

01Standardized Expo Router navigation patterns for Stacks and Native Tabs

02Modern media and storage handling via latest Expo-specific modules

03Implementation of native iOS controls, context menus, and link previews

04Responsive layout strategies using ScrollViews and content inset adjustment

05Advanced UI effects including Blur, Liquid Glass, and Reanimated animations

060 GitHub stars

Use Cases

01Bootstrapping a new mobile app with a native iOS-centric navigation architecture

02Implementing complex gesture-based interactions and native platform UI elements

03Refactoring legacy React Native components to modern Expo-supported standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add marcoodignoti/couple-diary building-ui

For use in Claude.ai and ChatGPT

Download Skill