antislop

Filters generic AI-generated UI patterns using 38 purpose and quality rules.

Updated Aug 10, 2026
One-click install
npx skills add https://github.com/narr07/permadi --skill antislop-narr07
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: antislop
Source: https://github.com/narr07/permadi/tree/main/.agents/skills/antislop
Command: npx skills add https://github.com/narr07/permadi --skill antislop-narr07

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI coding agents tend to produce recognizable, generic interface designs: blue-purple gradients, template landing pages, fake testimonials, dead buttons, and broken mobile layouts. This Skill acts as a filter that holds every visual and copy decision to a purpose test and a liveliness bar, so generated UI feels designed rather than defaulted. ## Core Features & Use Cases - Rule-Based UI Filter: Applies 38 grouped rules (Hard Gate, Purpose-Gate, Quality Locks) covering color, layout, copywriting, accessibility, functionality, and content honesty. - Two Usage Modes: Works during generation to prevent slop from the start, or after completion as an audit producing a numbered findings list with priorities. - Install Wizard & Sub-Skills: Optionally installs focused companion skills (UI, copywriting, accessibility, mobile layout, code comments) and appends a pointer block to the project's entry file. - Use Case: Before shipping an AI-built landing page, run an audit to catch fabricated statistics, non-functional buttons, missing empty/loading/error states, and WCAG contrast failures, then fix only the approved findings. ## Quick Start Ask the agent to audit the current UI against the antislop rules and produce a numbered findings list before fixing anything.

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?▼

Apply a rule-based filter that requires every visual technique to pass a purpose test before use. The antislop skill defines 38 rules covering color, layout, copy, and accessibility, and can run during generation or as a post-build audit with a numbered findings list.

How to audit an AI-built landing page for quality issues?▼

Run the audit mode, which scans the finished project and produces a numbered findings file citing each violated rule and its priority. You approve specific finding numbers, and only those items get fixed, followed by a report.

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

Yes, it appends a pointer block to whichever entry file the tool reads at session start, such as CLAUDE.md, AGENTS.md, or GEMINI.md. The pointer takes effect from the next session and routes the agent to the core file and installed sub-skills.

What are the limitations of a rule-based UI filter?▼

It is a filter, not a source of design direction, so without a DESIGN.md or brand guidance the output tends toward monotonous drafts. It rejects technique without purpose but cannot invent identity, palette, or typography on its own.

Can antislop check accessibility requirements like contrast and keyboard navigation?▼

Yes, Hard Gate rules require WCAG AA contrast ratios (4.5:1 for normal text, 3:1 for large text) and full keyboard operability with visible focus indicators. The optional antislop-human sub-skills add deeper checks including a contrast-check script.