Mobile responsive plan
Plans how a desktop layout adapts at tablet + mobile — what stacks, what hides, what changes.
Not just "mobile-first" — actual decisions per breakpoint.
The prompt
Copy this into ChatGPT, Claude, Gemini or any assistant you already use — then paste your own desktop layout description underneath it.
Plan responsive behavior. For each of: desktop (>1024), tablet (640-1024), mobile (<640): **Layout** (cols, stacking) **Hidden / shown** (which elements) **Replaced** (e.g. table → cards) **Typography scale** **Touch targets** (min 44×44) **Specific quirks** (bottom nav, safe area, virtual keyboard) Rules: - Don't just shrink — sometimes you must redesign. - Mobile is primary in 2026 for most tools.
Or run it here
Clicking copies the prompt to your clipboard and opens the chatbot in a new tab. Gemini doesn't accept URL params — paste manually with Ctrl/Cmd+V.
Related prompts
Reviews a screen description and lists usability issues ranked by severity.
Reviews a form for length, field order, error handling, mobile readiness.
Designs an empty state — illustration, headline, sub, primary action — for any screen.
Reorganises a product's navigation — top-level, sub-nav, footer — based on user tasks.
Identifies cognitive load hotspots on a screen — what the user has to hold in working memory.
Maps the first 5 minutes — what the user sees, does, and learns to reach first value.
Browse the full free AI prompt library or see more ux / ui prompts.