antislop-layoutmobile

by miqdadbadjuber6.2k

Mobile layout skill for antislop. Use for layouts that reflow across screen sizes, phone to desktop: grids, overflow, tap targets. Load with the core.

Install

The skill file stays in the publisher's repository.

Paste the copied command in a terminal. It installs this SKILL.md into that agent.

npx skills add miqdadbadjuber/anti-slop --skill antislop-layoutmobile -a cursor -y

Download skill skills/antislop-layoutmobile/SKILL.md on GitHub

Related skills

View all

A
anti-slopRules for an AI coding agent to filter out generic AI-generated UI designs, text, and code.
A
antislop-uiUI and visual skill for antislop. Use when building or editing any interface: color, layout, components, motion. Load with the core.
A
antislop-codeCode comment hygiene for AI coding agents: remove generic AI-slop comments, keep the valuable ones, never touch the code.

Questions

How do I install antislop-layoutmobile?: Download skills/antislop-layoutmobile/SKILL.md from the publisher, or copy the path and open the repository. PlugMCP lists the skill and does not host the file.
Where does antislop-layoutmobile live?: The publisher keeps it at https://github.com/miqdadbadjuber/anti-slop.
Which agents can use antislop-layoutmobile?: Claude, Cursor, and Codex can read a SKILL.md you add from the publisher's repository.

name: antislop-layoutmobile description: "Mobile layout skill for antislop. Use for layouts that reflow across screen sizes, phone to desktop: grids, overflow, tap targets. Load with the core." allowed-tools: Read Write Edit Glob Grep

antislop-layoutmobile

Anti Slop: Rules for AI Coding Agents. Mobile Layout skill

Part of the antislop system. Read together with antislop.md (the core). This skill deep-dives the responsive layout concern: how a layout must reflow across screen sizes, phone to desktop. Breakpoints, scale, grids, overflow, tap targets, and navigation. It references core rules by number and never duplicates or renumbers them. Load it when the task builds or edits a layout that has to hold up at any screen width.

antislop-layoutmobile

Install

Related skills

Questions

name: antislop-layoutmobile description: "Mobile layout skill for antislop. Use for layouts that reflow across screen sizes, phone to desktop: grids, overflow, tap targets. Load with the core." allowed-tools: Read Write Edit Glob Grep

antislop-layoutmobile

How to use this skill

Breakpoints

Desktop-Only Layout

Breakpoint Driven by Device List

Mobile Styled Last

Two-State Layout

Scale & Sizing

Desktop-Sized Everything

Fixed Pixel Type

100vh Sections

Huge Empty Padding

Grids & Stacking

Columns That Don't Collapse

Fixed-Width Grid

Forced 12-Column

Overflow

Horizontal Scroll Leak

Overflow Hidden Clipping

Fixed-Width Children

Tap Targets

Under-Sized Targets

Targets Too Close

Hover-Only Interactions

Mobile Navigation

Nav That Stays Desktop

The Bare Hamburger

Bottom Nav That Eats Content

Sticky Nav Steals the Screen

Layoutmobile Skill Checklist