10 tells of a slop ui
AI agents produce slop when not restricted. Here are 10 things to watch out for
Design Critique Guide
Summary
A multilingual field guide cataloging 23 visual patterns that characterize AI-generated product interfaces, with interactive before-and-after HTML mockups and concrete fixes for each tell.
Highlights
- Catalogs 23 specific visual tells of AI slop with interactive before/after HTML mockups
- Distinguishes between classic slop and evolved slop, showing how AI-generated aesthetics are shifting
- Traces each pattern to generative tool defaults and assigns a concrete fix per tell
- Core thesis: AI slop piles on every possible style without settling on a focus
- Fully multilingual with English, Chinese, Japanese, and Korean translations
auto-generated
Context
Audience
Developers and designers who work with AI-generated code or want to avoid AI-typical visual patterns in their products
DomainWeb and UI Design
FormatInteractive catalogue with toggleable HTML mockups
AccessFree online
Source Overview
A practical catalogue of 23 specific visual patterns—indigo-violet gradients, glowing glass cards, emoji, badges—that characterize AI-generated "vibe-coded" product interfaces.
Each entry pairs a before-and-after HTML mockup showing the default slop and a stripped-down replacement. The guide traces these patterns to generative tool defaults and assigns a concrete fix per tell, such as replacing unearned gradients with a single justified accent color.
Topics
Related
Vibe codingUI anti-patternsDesign systemsMinimalism in interface designAI-generated code critiqueVisual hierarchy
