skills.rest
zeeforc
zeeforcCOMMUNITY
Explore all skills by this author →
GitHub

antislop

Filters generic AI-generated UI patterns using 38 purpose-gate design rules.

Updated Dec 15, 2025
Search Tags:#accessibility#landing page#wcag#design rules#design audit#ui design#ai slop
One-click install
npx skills add https://github.com/zeeforc/website-lpkpaiton --skill antislop-zeeforc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: antislop
Source: https://github.com/zeeforc/website-lpkpaiton/tree/main/agent/skills/antislop
Command: npx skills add https://github.com/zeeforc/website-lpkpaiton --skill antislop-zeeforc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI coding agents produce recognizable generic interface patterns (blue-purple gradients, glassmorphism everywhere, fake testimonials, dead buttons) that make products look templated and untrustworthy. This Skill acts as a filter that rejects technique without purpose and enforces craftsmanship, accessibility, and honesty standards on UI work. ## Core Features & Use Cases - 38-Rule Filter System: Hard Gate rules (no fake statistics, no dead buttons, WCAG contrast, keyboard access), Purpose-Gate rules (techniques allowed only with a written reason), and Quality Locks for consistency. - Two Usage Modes: Apply rules during UI generation, or audit a finished project and produce a numbered findings list with priorities for selective fixing. - Install Wizard: Optionally installs companion skills (UI, copywriting, accessibility, mobile layout, code comments) and appends a pointer block to the project's entry file (AGENTS.md, CLAUDE.md, GEMINI.md). - Use Case: Before shipping a landing page, run the audit mode to get a numbered list of violations (e.g., R-17 fake statistics, R-26 non-functional buttons), approve specific fixes, and receive a follow-up report. ## Quick Start Ask the agent to read the antislop core file and audit my finished landing page for AI slop patterns, then list the findings by priority.

Frequently Asked Questions about antislop

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

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

Load the antislop core rules before UI work so the agent applies the filter while generating. Every visual technique must pass a purpose test, and Hard Gate rules forbid patterns like fake statistics, dead buttons, and poor contrast outright.

How to audit a finished website for AI slop patterns?▼

Use Mode 2 (After): the agent scans the finished project and writes a numbered findings list citing violated rules with priorities. You approve specific finding numbers, and only those get fixed with a follow-up report.

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.

Does antislop ban gradients, glassmorphism, and bento grids?▼

No, it bans technique without purpose, not technique itself. Purpose-Gate rules allow gradients, glassmorphism, and badges when they serve a stated hierarchy or identity goal with the reason written down, subject to dose caps.

What happens if I build UI without a DESIGN.md direction file?▼

Rule R-37 requires the output to be labeled as a draft without direction, using honest default dials ENERGY 1, RHYTHM 1, MOTION 1. It is not a shippable deliverable until real design direction is supplied.

Related Skills

Explore More Design & Creative Skills→
Alpizar28Alpizar28

curador-de-estilo-visual

Translate brand personality into color palettes, typography rules, and mood guidelines.

Community
Intermediate
Pythagora-ioPythagora-io
9

generate-report

Generate source-cited HTML reports from task execution outcomes.

Official
Intermediate
michaelsvanbeekmichaelsvanbeek
1

accessibility-testing

Automate accessibility testing and WCAG compliance validation for web projects.

Community
Advanced
borderuxborderux
1

recursica-skill-typography-semantics

Enforces typography token usage and semantic HTML markup rules for enterprise web applications.

Official
Intermediate