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.