Most AI apps look great on desktop... and completely fall apart on mobile. → Buttons overlap → Text disappears → UX broken Here’s the playbook I use 👇 1/ Breakpoints to set: Desktop ≥1440px Tablet ≥1024px Mobile ≤768px Small mobile ≤375px 2/ Layout rules to follow: Desktop → Full layout, sidebars Tablet → Collapse sidebars, simpler nav Mobile → Stack everything, big tap targets Small mobile → Larger text, fewer actions
Make sure the layout is fully responsive. Stack below 768px. Hide sidebar on mobile. Use full-width buttons below 480px.
Good to use with apps like Lovable, Replit, or Claude Code Test before you ship:...
Co-founder of Prompt Magic and ThinkingDeeply.ai Career Chief Marketing Officer
Build your personal prompt library, save your favorites, and access curated AI prompts created by the community
Access a vast library of high-quality AI prompts for every use case
Save prompts to your personal library and organize them your way
Get started with full access to our core features at no cost
No credit card required • Free forever • Join 10,000+ users
Optimizes mobile UX for conversions with navigation, forms, payments, offers, and analytics.
Explains how to optimize a category page to avoid thin content.
Creates detailed visual design briefs for carousel covers that stop scrolling and maximize engagement based on platform psychology.
Provides actionable tips for a non-technical person to optimize a website's Core Web Vitals.
Optimizes landing pages with headline tests, hierarchy, forms, CTAs, speed, mobile, and trust.
Use this to perform an SEO audit of your web site.