
A rulebook that stops your coding agent shipping generic AI-looking UI, copy and code comments, checked before anything ships.
by miqdadbadjuber· DesignUnclaimed · Yours? Claim it
4 images
About
Antislop is a community rulebook for AI coding agents by miqdadbadjuber. It's a filter, not a style guide: it prescribes no colors, fonts or layouts, and instead rejects the generic patterns that make agent output look machine-made, from invented stats and hype copy to decorative effects with no purpose and comments that restate the code. Visual direction stays yours, through your own DESIGN.md. What its skills teach your agent - antislop: the core filter, with mandatory rules in three tiers, a liveliness toolkit so results come out alive rather than merely clean, and a Delivery Gate pass/fail report before anything ships - antislop-ui: layout, color, components, decoration, motion and structure - antislop-copywriting: headlines, calls to action, tone, fake stats, AI-sounding writing and Markdown hygiene - antislop-human: contrast, keyboard, focus and states, with a contrast checker - antislop-layoutmobile: reflow across screen widths, breakpoints, grids, overflow and tap targets - antislop-code: which AI-slop comments to remove and which to keep, without touching the code itself How it works - During mode guides the work as it's built and closes with the Delivery Gate report. After mode audits work that already exists: a numbered list of findings, you approve which to fix, then a follow-up report. - By default it asks which mode at the start of each session; npx antislop-ai --mode during (or after) saves a preference. - The Claude Code plugin also starts a small local contrast server with one tool, check_contrast, that computes the WCAG ratio between two colors. How to install it - In Claude Code: /plugin marketplace add https://github.com/miqdadbadjuber/anti-slop, then /plugin install antislop@anti-slop. - Or run npx antislop-ai, which asks which skills, where and for which agents, or npx skills add miqdadbadjuber/anti-slop. - The maker also documents installs for Codex, Cursor, Antigravity, Gemini CLI, GitHub Copilot, Cline and more. Good to know - It's a community project, MIT-licensed. The npm package is antislop-ai; the name antislop on npm belongs to a different package. - For UI you mean to ship, it expects a DESIGN.md with your visual direction; without one, it labels the result a draft.
Once it’s added
“Build this landing page with antislop, using our DESIGN.md for direction.”
“Audit this page for AI slop and list what to fix.”
“Rewrite this launch post without the hype and emoji bullets.”
“Clean the AI-slop comments out of this file without touching the code.”
“Check that this text color passes contrast on our background.”
Before you add it
Reads only
Your UI code, copy and source files · Your DESIGN.md, for visual direction
Makes changes · your agent can ask first
Edits UI, copy and comments to remove slop, in during mode · A numbered findings list and a pass/fail Delivery Gate report · Fixes only the findings you approve, in after mode
Each with its own page
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
No reviews yet. Used Antislop? Say how it went.
Write a reviewRuns on your machine.
Runs on your machine.
/plugin marketplace add miqdadbadjuber/anti-slop /plugin install antislop@anti-slop
Scanned and passed · checked 11 h ago
Plugins people install alongside Antislop.
“Make this layout reflow properly from phone to desktop.”
Scanned on every change, and again when our rules improve.
Tell us and a person on the trust team will look at it. Or email [email protected].
Nobody has shared how they use Antislop yet.
Plugins people install alongside Antislop.
Connects your coding agent to OpenDesign on your machine: start design runs, create projects and read the live files of your prototypes.
Reviews your frontend code and live pages against the Front-End Checklist rules for accessibility, performance, SEO and security.
Your agent draws editorial diagrams in your brand, as one self-contained HTML and SVG file, and redraws Mermaid, draw.io and Excalidraw.
Gives your agent a live tldraw canvas in the chat, so it can draw diagrams, flows and sketches with you.
Security scan
Passed
Safe to install in every agent it supports. Claude plugins.