vibedesignlab/slopslap

slopslap is a Claude Code plugin that finds and removes the generic, cliched visual patterns that AI-generated user interfaces tend to produce, sometimes called AI slop. The README explains that these interfaces often look off in ways that are hard to pin down, and it groups the common problems into five areas: overused decorative elements like glowing blobs and gradient text, undisciplined layout grids and fixed pixel widths, cramped or inconsistent spacing, decorative italic type used without reason, and rainbow color palettes with no basis. The tool runs as a pipeline rather than a back and forth conversation. It first makes a single upstream decision about the page's content and style intensity, then runs five checks for the five problem areas at the same time, each writing its findings to its own file. It builds a combined report from those findings, then fixes only the items that failed their check, working through the five areas in order. After fixing, it reruns the same checks to confirm the fix actually worked, and finally renders a before and after screenshot so a person can see the visible difference. A key design choice is that every finding is a real check computed from the source code, not just a status message the tool claims is true, so a fix has to actually pass the check again before it is considered done. Replacement values for things like spacing, color, and contrast are not invented by the AI. They come from real reference data generated from packages such as Tailwind and Radix, and from WCAG contrast rules. An optional transform mode goes further and reshapes the whole design in one consistent direction based on measurements taken from real, well designed websites, while leaving the actual copy, information, and content order untouched. Installation happens inside Claude Code as a plugin, added from the vibedesignlab marketplace and then installed with a plugin command. It is released under the MIT license.