antislop-mobile

Mobile, responsive, and Flutter/native rules for anti-ai-slop. Map to K-1 … K-8 in antislop-master.

"It works on desktop" is not a mobile design. A responsive page is a reflow, not a shrink.

The reflow rule

• A mobile layout is its own thing, not the desktop grid squished. Columns collapse and stack; type and spacing use a mobile scale. (K-2)
• No horizontal overflow on the narrowest real device — this is the #1 hard fail. (K-1)
• Touch elements ≥ ~44×44px so a finger can land. (K-3)

Interactions

• Hover-only interactions need a touch equivalent (a tap, a long-press, an always-visible affordance). (K-4)
• Fixed bars (nav, bottom sheets) must not cover content — add safe padding/margins. (K-5)
• Keyboard on mobile: forms must handle the on-screen keyboard (scroll into view, don't hide the field). (see G, K)