What problem does it solve? Responsive layouts often fail on mobile: desktop designs get squeezed instead of reflowed, grids collide, content overflows horizontally, and touch targets are too small. This Skill gives AI coding agents a concrete rule set to detect and fix these mobile layout anti-patterns. ## Core Features & Use Cases - Breakpoint & Scale Rules: Enforces content-driven breakpoints, fluid type with clamp(), mobile-specific sizing, and multi-state layouts covering phone through desktop widths. - Grid, Overflow & Tap Target Fixes: Collapses rigid grids, eliminates horizontal scroll leaks and clipped content, and enforces 44x44 px touch targets with spacing and tap equivalents for hover-only interactions. - Mobile Navigation Patterns: Replaces squeezed desktop nav bars with bottom navs or labeled menus, and prevents fixed bars from covering content. - Use Case: When building or reviewing a page that must work from phone to desktop, load this Skill alongside the antislop core and run its checklist to verify the layout reflows correctly at every width. ## Quick Start Review this page's responsive layout with the antislop-layoutmobile checklist and fix any breakpoint, overflow, or tap target issues you find.
