AI Prompt for Mobile Dev
Generate implementation code for common mobile UI patterns including lists, forms, navigation, and gestures.
More prompts for Mobile Dev.
Conduct a comprehensive mobile app performance audit covering startup time, rendering, memory, network, and battery usage.
Complete ASO strategy for a e-commerce app in the cybersecurity space to maximize downloads.
Implement the Feature-based modularization pattern in Jetpack Compose with practical code structure and examples.
Implement the Unidirectional data flow pattern in React Native + TypeScript with practical code structure and examples.
Complete ASO strategy for a language learning app in the travel space to maximize downloads.
Complete ASO strategy for a meditation app in the biotech space to maximize downloads.
You are a mobile UI/UX engineer. Generate implementation code for the following mobile UI pattern with best practices for both iOS and Android. Pattern needed: [UI_PATTERN_NAME] Platform: [REACT_NATIVE_FLUTTER_SWIFTUI_COMPOSE] Use case: [USE_CASE_DESCRIPTION] Design requirements: [DESIGN_REQUIREMENTS] Generate implementations for these patterns: 1. **Infinite scroll list** -- - Paginated data loading with loading indicator - Pull-to-refresh functionality - Empty state and error state handling - Item animations on appearance - Sticky headers if applicable 2. **Complex form** -- - Multi-step form with progress indicator - Field validation with inline error messages - Keyboard-aware scrolling - Auto-advance between fields - Form state persistence (survive rotation, backgrounding) 3. **Bottom sheet** -- - Draggable bottom sheet with snap points - Gesture handling (swipe to dismiss) - Content scrolling within the sheet - Backdrop dimming and tap-to-dismiss 4. **Tab navigation with nested stacks** -- - Bottom tab bar with badges - Independent navigation stacks per tab - Tab state preservation on switch - Deep link to specific tab and screen 5. **Skeleton loading** -- - Shimmer animation placeholders - Layout matching actual content shape - Smooth transition from skeleton to content For the requested pattern [UI_PATTERN_NAME], provide: - Complete implementation code - Props/parameters interface - Usage example in a screen - Accessibility considerations - Performance optimization notes - Common pitfalls and how to avoid them
Replace the bracketed placeholders with your own context before running the prompt:
[UI_PATTERN_NAME]— fill in your specific ui_pattern_name.[REACT_NATIVE_FLUTTER_SWIFTUI_COMPOSE]— fill in your specific react_native_flutter_swiftui_compose.[USE_CASE_DESCRIPTION]— fill in your specific use_case_description.[DESIGN_REQUIREMENTS]— fill in your specific design_requirements.