miqdadbadjuber/anti-slop

---

Before and after

The same brief, run more than once, so the difference is visible side by side.

UI

antislop alone is not the after. It removes the slop and stops there; direction comes from DESIGN.md. For UI work you intend to ship, that file is mandatory: without it the result is labelled a draft without direction. The pair below is the result.

| Before: without antislop | After: antislop + DESIGN.md | |:--|:--| | | | | This is what most AI output looks like: slop everywhere once you take a closer look. | Much better. antislop kills the slop, and DESIGN.md gives it a real visual direction. |

The two partial states are worth seeing, because each one shows why the other half matters:

| Partial: antislop alone | Partial: DESIGN.md alone | |:--|:--| | | | | The slop is gone, but so is the direction. That is why antislop needs a DESIGN.md. | The direction is there, but honestly it is still far from good: the slop still shows. |

Copy

One prompt, run twice.

| Before | After | |:--|:--| | | |

Code

One file, run twice.

| Before | After | |:--|:--| | | |

Every image here opens full size if you click it.

Install

antislop ships as standard agent skills: one folder per skill, holding a SKILL.md. Installation differs per agent, so pick the section for the one you use. Each route is walked through from zero, with update and removal, in GUIDE.md.

The installer (recommended)

One command, then answer the prompts. It asks which skills you want, where to install them (this project or everywhere), and which agents you use, then copies the folders and writes the pointer that reloads antislop every session.

npx antislop-ai

The skills directory

antislop is listed on skills.sh, the open directory for agent skills. This copies the same folders as the installer and nothing else, so antislop reloads by description alone.

npx skills add miqdadbadjuber/anti-slop

Claude Code - Plugin

/plugin marketplace add https://github.com/miqdadbadjuber/anti-slop
/plugin install antislop@anti-slop

Antigravity - Plugin

agy plugin install https://github.com/miqdadbadjuber/anti-slop

Codex - Plugin

codex plugin marketplace add miqdadbadjuber/anti-slop
codex plugin add antislop@anti-slop

Cursor - Plugin

agent plugin marketplace add https://github.com/miqdadbadjuber/anti-slop

Then open Customize, find antislop, and select Install.

Kimi Code - Plugin

/plugins install https://github.com/miqdadbadjuber/anti-slop

Cline - Plugin

cline plugin install https://github.com/miqdadbadjuber/anti-slop.git

This door covers the Cline CLI. For the VS Code or JetBrains extension, use the installer.

Oh My Pi - Plugin

omp plugin marketplace add miqdadbadjuber/anti-slop
omp plugin install antislop@anti-slop

Pi - Package

pi install git:github.com/miqdadbadjuber/anti-slop

The single file

antislop.md on its own is a complete filter you can paste into any chat window, with no packaging and no folders.

curl -o antislop.md https://raw.githubusercontent.com/miqdadbadjuber/anti-slop/main/antislop.md

What it does

• 40 mandatory rules (R-01 to R-40) in three tiers: Hard Gate, Purpose-Gate, and Quality Locks.
• A Liveliness Toolkit: three dials (ENERGY / RHYTHM / MOTION) and a Design Read, so the result comes out alive rather than merely clean.
• A Delivery Gate: a mandatory PASS/FAIL report in four blocks, run before anything ships.
• Six skills, one per concern, so an agent loads only what a task needs.

The core prevents slop but cannot invent direction. DESIGN.md (yours) supplies it, and a sterile result means the direction was missing, not that the filter failed (R-37). antislop never beautifies on its own.

Skills

| Skill | Covers | Pick it for | |-------|--------|-------------| | antislop | The core filter: rules, tiers, the Delivery Gate, liveliness | Everything. Always loaded | | antislop-ui | Layout, color, components, decoration, motion, structure, performance | UI and visual work | | antislop-copywriting | Headlines, CTAs, tone, fake stats, anti-AI writing, markdown hygiene | Copy and text | | antislop-human | Contrast, keyboard, focus, states, interaction affordances | Accessibility | | antislop-layoutmobile | Reflow across screen widths, breakpoints, grids, overflow, tap targets | Responsive work | | antislop-code | AI-slop comments: which to remove, which to keep | Comment cleanup |

Install one, several, or the core alone.

Usage modes

antislop runs one of two ways, and by default the agent asks which at the start of every session. Both end with a report you can check; they differ in when the rules apply.

• During guides the work while it is built, and the session closes with the Delivery Gate report. Use it when you are building something new.
• After audits work that already exists: a numbered findings list, you approve which to fix, then a follow-up report. Use it to clean up output you already have.

Saving a preference is opt-in. With no settings file, antislop keeps asking in every new session exactly as it does today. Save your preferred mode once to skip that question:

npx antislop-ai --mode during

Use after instead for audits, ask to restore the question in every session, or --mode alone to view the setting. The file is shared, so one command covers every agent and every project: ~/.config/antislop/settings.json on Linux and macOS, %APPDATA%\antislop\settings.json on Windows.

A mode you ask for in the current chat always wins for that session and never changes what is saved. When a saved preference applies, the skill says so once: "antislop active: during (global preference)." Older installs still carry the unconditional question, so run the update below to pick this up.

Update

antislop does not update itself. If you installed through the installer, one command replaces what is already there, in this project and under your home directory, and prints the release it replaced:

npx antislop-ai --update

A plugin keeps its own copy under the agent that installed it, so it updates through its own command, and the Pi package updates through Pi. Every route is listed in GUIDE.md. Skills load when a session starts, so start a new one afterwards.

FAQ

Is antislop a style guide? No, a filter. It rejects technique without purpose and requires liveliness. Direction is yours.

Which agents does it work with? Claude Code, Codex, Antigravity, OpenCode, Cursor, Cline, Amp, Gemini CLI, Hermes, GitHub Copilot, Kimi Code, Pi, and Oh My Pi. The installer covers twelve of them and detects which ones you have, and the plugin doors install from this same repository. GUIDE.md lists the folder each agent reads.

What is a skill? A folder that goes deeper into one concern, holding a SKILL.md with its rules. Skills reference the core rules by number and never duplicate them, so adding one does not change the core.

Roadmap

v3.2.24 adds two Hard Gate rules, so a control that passes the gate is also one people can use:

• R-39 Accessible Semantics & Interaction Affordances. A pointer cursor on every enabled control, real buttons and links, accessible names, visible states, labels, and reduced motion, plus lang, `, and landmarks when the task produces a whole page. The depth lives in antislop-human`.
• R-40 Performance Mechanisms. Sized media, a hero image that is never lazy loaded, no render-blocking third-party script, and no performance number reported unless it was measured. The depth lives in antislop-ui.
• References read on demand. WCAG 2.2, accessibility patterns, and Core Web Vitals in each skill's references/ folder, adapted from the MIT-licensed web-quality-skills, plus an optional web baseline checklist.

Every earlier release, and what comes next, is in ROADMAP.md.

Star History

Contributors

Thanks to everyone who helps make antislop better.

Found a new slop pattern, a rule that missed something, or a bug in the installer? Open an issue. What a pull request has to carry is in CONTRIBUTING.md, and behavior in issues and pull requests is covered by CODE_OF_CONDUCT.md.

---

“antislop is a filter, not magic.
It clears the slop from your UI, text, and code.
A beautiful UI is DESIGN.md's job, and yours.”

---

Disclaimer

Get antislop from miqdadbadjuber/anti-slop, antislop.ai.id, or the antislop-ai npm package. The npm name antislop belongs to a different package, so npx antislop does not install this project.

There is no antislop coin, token, or fundraise. Any crypto coin, token, NFT, or fundraising that uses the antislop name was not created by this project and is a scam. antislop takes no donations, and nobody is authorized to collect money on its behalf.

License

MIT: LICENSE