skills.rest
YSheldon
YSheldonCOMMUNITY
Explore all skills by this author →
GitHub

mobile-ui

Implement consistent UI patterns for Expo-based mobile apps with Expo Router.

Updated Apr 12, 2026
Search Tags:#navigation#react-native#sheets#expo#ui-patterns#iconography#mobile-ui
One-click install
npx skills add https://github.com/YSheldon/Prompt-Log --skill mobile-ui-ysheldon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ui
Source: https://github.com/YSheldon/Prompt-Log/tree/main/.local/skills/mobile-ui
Command: npx skills add https://github.com/YSheldon/Prompt-Log --skill mobile-ui-ysheldon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Mobile development often suffers from inconsistent UI patterns and repetitive setup for Expo-based mobile interfaces. This skill provides a curated set of guidelines to unify patterns for navigation, modal sheets, keyboard handling, and iconography to speed up development and improve user experience.

Core Features & Use Cases

  • Native tab patterns with liquid glass support via Expo Router
  • Keyboard handling and responsive layout guidance for Expo apps
  • Sheets, modals, and navigation workflows for auth flows and settings
  • App icon and splash asset guidelines for visual consistency

Quick Start

Implement a basic Expo-based mobile UI layout following the skill's reference guidelines to see immediate improvements.

Frequently Asked Questions about mobile-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement consistent UI patterns for Expo-based mobile apps?▼

Consistent UI patterns for Expo apps are implemented by unifying navigation, modal sheets, keyboard handling, and iconography guidelines. This ensures cohesive iOS and Android experiences within Expo Router setups.

What's the best way to handle modals and sheets in an Expo Router setup?▼

Handling sheets and modals in Expo Router involves applying specific workflow patterns for auth flows and settings. These guidelines ensure consistent presentation and behavior across iOS and Android platforms.

Does this Expo UI guidance support cross-platform navigation and keyboard handling?▼

Yes, the cross-platform UI guidance covers native tab patterns with liquid glass support and responsive layout integration. It provides practical technical directions for both iOS and Android environments.

Can I use these mobile UI patterns with Expo SDK 54 and above?▼

Yes, these mobile UI patterns are designed for compatibility with Expo SDK 54 and above. They specify technical guidelines ensuring your navigation and layout choices remain stable across recent SDK updates.

How do I standardize app icons and splash screen assets in React Native?▼

Standardizing app icons and splash assets in React Native involves applying curated visual consistency guidelines. This ensures your branding and initial load screens meet platform requirements.

Why are my Expo app's navigation and layout behaviors inconsistent across iOS and Android?▼

Inconsistent navigation and layout behaviors often stem from unguided pattern selection. Applying curated mobile UI guidelines for Expo Router unifies tab patterns, keyboard handling, and platform compatibility.

Related Skills

Explore More Design & Creative Skills→
EngineerWithAIEngineerWithAI
4

react-native-architecture

Configure Expo projects with Expo Router, React Query, and EAS builds.

Official
Advanced
melikhanmutlumelikhanmutlu

mobile-design

Design mobile UI/UX patterns for iOS and Android apps.

Community
Advanced
KaakatiKaakati
2

react-native-dev

Develop React Native features with Zustand, TanStack Query, and Centrifugo.

Community
Advanced
BasharAmsoBasharAmso
1

Mobile Development

Automates scaffolding and implementation for React Native, Expo, and Kotlin/Java projects.

Community
Intermediate