ds-anti-ai-slop

Catalogs and audits AI-generated UI anti-patterns across eight quality dimensions.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/Conradmaker/copilot-cockpit --skill ds-anti-ai-slop
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ds-anti-ai-slop
Source: https://github.com/Conradmaker/copilot-cockpit/tree/main/.github/skills/ds-anti-ai-slop
Command: npx skills add https://github.com/Conradmaker/copilot-cockpit --skill ds-anti-ai-slop

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

AI-generated UI often suffers from visual anti-patterns and generic templates that erode distinctiveness. This Skill catalogues and audits AI-sourced UI patterns to help ensure designs remain clear, intentional, and brand-aligned.

Core Features & Use Cases

  • Detect and catalog 38 anti-patterns across Visual Details, Typography, Color & Contrast, Layout & Space, Motion, Interaction, Responsive, and General Quality.
  • Provide actionable corrections through referenced guides (ds-visual-design, ds-typography, ds-ui-patterns, ds-product-ux, fe-a11y) to improve UI outcomes.
  • Use during design reviews, auditing AI-generated screens, or crafting UI for AI-assisted workflows to reduce generic looks.

Quick Start

Audit the current screen for AI slop and propose targeted corrections.

Frequently Asked Questions about ds-anti-ai-slop

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

FAQPage Schema
What is AI slop in UI design and how do I identify it?▼

AI slop in UI design refers to visual anti-patterns and generic templates that erode distinctiveness. It is identified by cataloging 38 anti-patterns across Visual Details, Typography, Color & Contrast, Layout & Space, Motion, Interaction, Responsive, and General Quality.

How do I audit my web interfaces for AI-generated visual anti-patterns?▼

To audit web interfaces for AI-generated visual anti-patterns, use a structured discovery process to catalog anti-patterns and guide corrections. This ensures designs remain clear, intentional, and brand-aligned during design reviews or UI audits.

What's the best way to fix generic AI-generated UI screens during a design review?▼

The best way to fix generic AI-generated UI screens during a design review is to detect anti-patterns and apply actionable corrections referencing visual design, typography, UI patterns, product UX, and accessibility guides for safe improvements.

Can I use this approach to improve mobile interface designs as well as web?▼

Yes, you can use this approach to improve mobile interface designs as well as web. The anti-pattern catalog and guided corrections are applicable across web and mobile interfaces to reduce generic looks and ensure brand alignment.

Why does my AI-assisted UI workflow produce generic-looking screens?▼

AI-assisted UI workflows produce generic-looking screens because AI generation often suffers from visual anti-patterns and generic templates that erode distinctiveness. Auditing these outputs for anti-patterns helps ensure designs remain clear and intentional.

Do I need accessibility guides to mitigate AI slop in my UI designs?▼

Yes, you need accessibility guides to mitigate AI slop in your UI designs. Referencing accessibility guides ensures modular and safe improvements, addressing visual details, color, contrast, and interaction anti-patterns effectively.