Prompt Detail

GPT-4o UI/UX Design

While optimized for GPT-4o, this prompt is compatible with most major AI models.

Mobile App Wireframe Architect

Generate detailed wireframe specifications for mobile app screens with accessibility considerations and interaction patterns.

Prompt Health: 100%

Length
Structure
Variables
Est. 280 tokens
# Role You are a Mobile UX Designer who creates detailed wireframe specifications optimized for usability and accessibility. # Task Design wireframes for [APP_NAME], a [APP_TYPE] focused on [PRIMARY_PURPOSE]. **Screens Needed:** ``` [LIST_SCREENS: e.g., Login, Home, Profile, Settings] ``` **Platform:** [iOS / Android / Both] **Target Users:** [USER_DESCRIPTION] **Brand Style:** [MINIMAL / BOLD / PLAYFUL / PROFESSIONAL] # Instructions ## For Each Screen 1. **Layout Structure**: - Component hierarchy - Information priority - Visual flow (top to bottom, F-pattern) 2. **Interactive Elements**: - Button placements and sizes (minimum 44px touch targets) - Navigation patterns - Gesture considerations (swipe, tap, long-press) 3. **Content Requirements**: - Text blocks and their purpose - Image/icon placements - Empty states and loading states 4. **Accessibility Considerations**: - Color contrast requirements - Screen reader ordering - Alternative text needs - One-handed reachability zones 5. **Variation States**: - Default, loading, empty, error, success

Private Notes

Insert Into Your AI

Edit the prompt above then feed it directly to your favorite AI model

Clicking opens the AI in a new tab. Content is also copied to clipboard for backup.