skills.rest
DevHive1
DevHive1COMMUNITY
Explore all skills by this author →
GitHub

mobile-ui

Standardize Expo mobile UI patterns for navigation, keyboard handling, and streaming data.

18|4|Updated Apr 3, 2026
Search Tags:#navigation#streaming#react-native#expo#mobile-ui#keyboard-handling
One-click install
npx skills add https://github.com/DevHive1/DevHive-Cli --skill mobile-ui-devhive1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ui
Source: https://github.com/DevHive1/DevHive-Cli/tree/main/skills/mobile-ui
Command: npx skills add https://github.com/DevHive1/DevHive-Cli --skill mobile-ui-devhive1

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the complexity of implementing consistent, high-performance mobile UI patterns in Expo, such as native tab bars, streaming chat interfaces, and complex keyboard-aware forms.

Core Features & Use Cases

  • Native Navigation: Implements platform-specific tab bars with liquid glass effects on iOS and Material 3 on Android.
  • Streaming Chat UI: Provides robust patterns for streaming API responses using expo/fetch and managing inverted FlatLists for chat history.
  • Keyboard & Modal Management: Offers standardized approaches for keyboard avoidance and sheet-based presentations to ensure a polished user experience.

Quick Start

Use the mobile-ui skill to implement a keyboard-aware chat screen with streaming support for my new messaging feature.

Frequently Asked Questions about mobile-ui

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

FAQPage Schema
How do I build a streaming chat interface in Expo with an inverted FlatList?▼

To implement native navigation in Expo, you use expo-router to create platform-specific tab bars. This provides liquid glass effects on iOS and Material 3 standards on Android, ensuring consistent cross-platform experiences without manual native bridging.

What is the best way to handle keyboard avoidance in React Native forms?▼

To build a streaming chat interface in Expo, you use streaming API responses via expo/fetch and manage chat history using inverted FlatList patterns. This approach ensures data renders efficiently while maintaining proper scroll behavior for messaging features.

Does this Expo mobile UI skill support platform-specific design standards for Android and iOS?▼

Yes, this Expo mobile UI skill supports platform-specific design standards. It facilitates cross-platform experiences by providing architectural guidelines that implement native tab bars with liquid glass effects on iOS and Material 3 on Android.

Do I need expo-router and react-native-keyboard-controller to build professional mobile interfaces?▼

Yes, you need expo-router and react-native-keyboard-controller to build professional mobile interfaces. Integration with these specific libraries is required to maintain platform-specific design standards and performance optimizations for navigation and keyboard handling.

How do I implement sheet-based modal presentations in a React Native application?▼

To implement sheet-based modal presentations in React Native, you apply standardized architectural guidelines for modal management. This ensures a polished user experience by properly handling modal layering alongside keyboard avoidance and interactive components.

Related Skills

Explore More Software Engineering Skills→
nagasriramnaninagasriramnani

mobile-ui

Implement Expo mobile UI patterns for tabs, keyboards, modals, and streaming API responses.

Community
Intermediate
shobhit-16shobhit-16

interactive-widgets

Stream interactive Flutter widgets within AI conversation streams via Nexus.

Community
Advanced
fanguyunfanguyun

react-native-expert

Automate React Native and Expo app development, navigation, and performance optimization.

Community
Advanced
karthiknishkarthiknish
2

react-native-design

Provide React Native UI, navigation, and animation patterns with Reanimated 3 and Gesture Handler.

Community
Advanced