anti-slop

Prevents generic AI UI generation patterns and placeholder tropes via configurable rules and pre-flight checks.

4|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/tiantangcao1980-web/DesignDNA-Skills --skill anti-slop-tiantangcao1980-web
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: anti-slop
Source: https://github.com/tiantangcao1980-web/DesignDNA-Skills/tree/main/designdna/anti-slop
Command: npx skills add https://github.com/tiantangcao1980-web/DesignDNA-Skills --skill anti-slop-tiantangcao1980-web

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Bias correction layer that prevents AI coding agents from generating the generic, lookalike "AI slop" UI (centered heroes, Inter font, 3-card grids, John Doe avatars, 99.99% metrics, purple gradients). Combine with any brand DNA for taste-corrected output.

Core Features & Use Cases

  • Universal bias-correction rules to replace default AI UI patterns with tasteful alternatives.
  • Brand DNA alignment: run with a brand DNA file to enforce brand-specific taste and avoid generic templates.
  • Pre-flight checks and configurable dials to govern output quality and guardrails.

Quick Start

Load this skill alongside brand DNA and generate UI designs that apply anti-slop rules for bias-free outputs.

Frequently Asked Questions about anti-slop

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

FAQPage Schema
How do I stop AI from generating generic UI patterns like centered heroes and 3-card grids?

To stop AI from generating generic UI patterns, apply a bias-correction layer that bans default tropes like centered heroes, 3-card grids, and purple gradients. This skill enforces tasteful alternatives and prevents generic AI slop in UI outputs.

Why does my AI generated landing page always use the Inter font and placeholder metrics?

AI generated landing pages default to the Inter font and placeholder metrics due to built-in model biases. Using configurable dials and banned pattern rules overrides these defaults, replacing generic 99.99% metrics and standard fonts with tasteful, varied alternatives.

How do I align AI generated dashboards with my brand DNA?

To align AI generated dashboards with your brand DNA, load a brand DNA file alongside the bias-correction rules. This combination enforces brand-specific taste and avoids generic templates during UI generation.

Can I use bias-correction rules for UI prototypes without external dependencies?

Yes, you can apply bias-correction rules for UI prototypes without external dependencies. The skill operates independently with configurable dials and a pre-flight checklist to govern output quality before final generation.

What is the best way to enforce design taste and quality control in AI UI generation?

The best way to enforce design taste and quality control in AI UI generation is implementing a pre-flight checklist with configurable dials. This approach catches generic patterns and applies bias correction before the UI output is finalized.

When should I not use automated bias correction for UI design?

You should avoid automated bias correction for UI design when you intentionally want standard template patterns or default placeholder UI tropes. The bias-correction dials actively replace default AI patterns with varied alternatives, which may not suit strict template requirements.