no-ai-design-slop

Detect and remove generic AI-generated design defaults from websites, apps, and mockups.

5.7k|685|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/MengTo/Skills --skill no-ai-design-slop
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: no-ai-design-slop
Source: https://github.com/MengTo/Skills/tree/main/agent-skills/ui/no-ai-design-slop
Command: npx skills add https://github.com/MengTo/Skills --skill no-ai-design-slop

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

AI-generated interfaces often ship with generic defaults: purple gradients, tracked eyebrows, nested cards, fake metrics, and decorative motion that ignore the product's actual identity. This Skill acts as a passive quality gate that catches these patterns during UI creation, revision, or review while preserving the chosen art direction.

Core Features & Use Cases

  • Passive quality gate: Applies compact checks for system consistency, hierarchy, composition, typography, color, product truth, interaction states, and motion during any UI task.
  • Pattern catalog: ARTICLE.md provides a heuristic inventory of slop patterns across ten categories, from layout and containers to copy, proof, and accessibility, plus high-signal clusters like "Generic AI SaaS" and "Card apocalypse".
  • Removal test workflow: Names each suspect element precisely, evaluates its job, and removes or minimally corrects it using the existing design system instead of forcing a neutral redesign.
  • Use Case: While building a landing page, the agent notices a tracked eyebrow, radial gradient lights, and identical icon-tile feature cards, then removes the redundant decoration and adapts the section to the page's existing type, palette, and density.

Quick Start

Review this landing page design for generic AI-generated patterns and clean up anything that does not serve the product's direction.

Frequently Asked Questions about no-ai-design-slop

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

FAQPage Schema
How do I remove generic AI design patterns from a landing page?

Apply the removal test: name each suspect element precisely, state its job, and delete it if meaning and hierarchy survive without it. Common targets include tracked eyebrows, radial gradient lights, nested cards, and icon-tile feature grids that repeat without adding information.

What counts as AI design slop in UI work?

Slop is any choice made by reflex rather than for the product, such as purple-to-blue gradients, glass cards without layering, fake metrics, or identical entrance animations. A technique is only slop when it lacks a product reason, repeats generated-design patterns, or conflicts with the local system.

Can this be used for design review without editing the artifact?

Yes, but formal review-only audits are delegated to the separate audit-ai-design-slop workflow. This Skill is intended for passive gating during active design work and explicit cleanup passes where corrections are applied.

Does anti-slop cleanup force a neutral or minimal redesign?

No. The boundaries explicitly prohibit replacing distinctive choices with fashionable neutral templates or prescribing new fonts, palettes, or layouts. Cleanup preserves the existing art direction and only removes elements that fail the removal test.

Why does my AI-generated UI look generic even after polishing?

Polish often stacks effects like blur, glow, gradients, and shadows on one component without fixing root causes. The high-signal clusters in ARTICLE.md help identify root causes such as missing product truth, weak hierarchy, or reference mismatch instead of treating each symptom separately.