What problem does it solve?
Many Expo React Native apps struggle with responsive mobile UI patterns such as real-time streaming, reliable keyboard handling, consistent modal/sheet presentations, native tab behavior across platforms, and cohesive app icon generation; this skill centralizes practical guidance and patterns to address those issues and reduce UI regressions.
Core Features & Use Cases
- Provides a proven pattern for streaming API responses on mobile using expo/fetch with server-sent events and buffered line parsing to avoid incomplete JSON errors.
- Documents keyboard handling strategies and components to keep inputs visible, persist focus after send, and integrate with virtualized lists and chat screens.
- Explains sheet and modal presentation choices for single-step form sheets and multi-step modal flows, including known pitfalls and detents configuration.
- Shows native tabs setup with fallbacks for web and pre-iOS platforms and guidance for liquid glass effects where available.
- Supplies app icon generation rules for AI-created assets emphasizing color descriptions and forbidding any text in images.
Quick Start
Open the mobile-ui references and implement the expo/fetch streaming pattern with buffered SSE parsing, integrate keyboard-aware layouts for your chat or form screens, and choose modal or formSheet presentations according to your flow needs.
