antislop

Applies rule-based filters to prevent generic AI-generated UI design patterns.

Updated Sep 17, 2026
One-click install
npx skills add https://github.com/bramanda48/skills --skill antislop-bramanda48
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: antislop
Source: https://github.com/bramanda48/skills/tree/main/skills/antislop
Command: npx skills add https://github.com/bramanda48/skills --skill antislop-bramanda48

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI coding agents tend to produce recognizable, generic "AI slop" UI: blue-purple gradients, template landing pages, fake testimonials, dead buttons, and inaccessible layouts. This Skill acts as a filter that audits and constrains UI generation so output feels intentionally designed rather than machine-default. ## Core Features & Use Cases - Rule-Based UI Filter: Enforces 38 grouped rules (Hard Gate, Purpose-Gate, Quality Locks) covering color, layout, copywriting, accessibility, and honesty in content. - Two Usage Modes: Apply rules during UI generation, or audit a finished project with a numbered findings list that the user approves before fixes. - Install Wizard & Sub-Skills: Optionally installs focused sub-skills (UI, copywriting, accessibility, mobile layout, code comments) and appends a pointer block to the project's entry file. - Use Case: Before building a landing page, load this Skill so the agent asks for design direction, avoids fabricated statistics and testimonials, verifies keyboard navigation and contrast, and runs a delivery gate click-through before declaring the work done. ## Quick Start Ask the agent to read the antislop SKILL.md file and apply its rules while building or auditing your web UI.

Frequently Asked Questions about antislop

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I stop AI agents from generating generic UI designs?

Load the antislop SKILL.md so the agent applies its rule filter during UI work. It rejects technique without purpose, requires written reasons for visual choices, and enforces a liveliness bar so output has its own identity.

How to audit an existing website for AI slop patterns?

Use Mode 2 (After): the agent scans the finished project against the Part 1 pattern table and Part 2 rules, producing a numbered findings list with priorities. You approve specific numbers, then the agent fixes only those items.

Does antislop work with Claude Code, Codex, and Gemini CLI?

Yes. The install wizard appends a pointer block to whichever entry file the tool reads at session start: CLAUDE.md for Claude Code, AGENTS.md for Codex, or GEMINI.md for Gemini CLI. The pointer takes effect from the next session.

Can I use antislop without a DESIGN.md file?

Yes, but output built without design direction must be labeled a draft with default dials ENERGY 1 / RHYTHM 1 / MOTION 1. The skill recommends the user supply direction since antislop is a filter, not a source of style.

What are the limitations of the antislop filter?

Antislop does not impose an aesthetic or invent design direction; it only rejects purposeless technique and requires liveliness. Without user-supplied direction, results tend toward monotonous, so a DESIGN.md or brand brief is recommended.