unslop-ui flags AI-generated design patterns using 3.2M Reddit posts
u/iamjohncarterofmars built `unslop-ui`, a Claude skill that detects and removes the design patterns most commonly cited as making websites look AI-generated, backed by analysis of 3.2 million Reddit posts.
Score breakdown
The skill replaces subjective style guidance with empirically weighted pattern detection, giving Claude a data-driven basis for avoiding the specific design defaults that real users most frequently identify as markers of AI-generated UIs.
- 01Built from analysis of ~3.2 million Reddit posts across 47 AI and SaaS subreddits from 2020 to 2026
- 02Also incorporates 3,033 comments from 125 threads specifically about AI-built sites looking the same
- 03Top flagged patterns: default shadcn/Tailwind look, purple/indigo primary colors, purple-to-blue gradients, gradient heading text, neon glow, emoji icons, Inter/Geist fonts, centered hero + three feature cards layout
u/iamjohncarterofmars released `unslop-ui`, a Claude skill designed to detect and remove the design patterns that make websites look AI-generated. The project is grounded in a Reddit analysis of approximately 3.2 million posts across 47 AI and SaaS subreddits spanning 2020 to 2026, supplemented by 3,033 comments pulled from 125 threads specifically discussing AI-built sites looking identical. Each pattern the skill checks is weighted by how frequently it appears in that dataset, so the highest-priority flags correspond to the complaints people raise most often.
Notably, patterns the data does not support as common complaints — mesh and aurora backgrounds, bento grids, glassmorphism — are intentionally left alone.
The top-ranked patterns flagged by the skill are: the default shadcn/Tailwind aesthetic, purple and indigo as primary colors, purple-to-blue gradients and gradient heading text, unprompted neon glow effects, emoji used as icons, the Inter/Geist default font stack, and the centered hero section paired with three feature cards. Notably, patterns the data does not support as common complaints — mesh and aurora backgrounds, bento grids, glassmorphism — are intentionally left alone.
The skill runs in two modes. In build mode, it steers Claude away from these defaults while generating UI code. In audit mode, it runs a standalone Python scanner (`devibe_scan.py`) over an existing codebase, reporting the file, line number, and suggested fix for each finding, plus an overall "vibe score" for the project. The scanner requires no installation beyond Python and supports a `--severity high` flag to surface only the strongest signals, a `--json` flag for CI integration, and an exit code equal to the count of high-severity findings so builds can be configured to fail on it. The full dataset, analysis scripts, and charts are publicly available on GitHub.
Key facts
- 01Built from analysis of ~3.2 million Reddit posts across 47 AI and SaaS subreddits from 2020 to 2026
- 02Also incorporates 3,033 comments from 125 threads specifically about AI-built sites looking the same
- 03Top flagged patterns: default shadcn/Tailwind look, purple/indigo primary colors, purple-to-blue gradients, gradient heading text, neon glow, emoji icons, Inter/Geist fonts, centered hero + three feature cards layout
- 04Patterns not supported by the data (mesh/aurora backgrounds, bento grids, glassmorphism) are intentionally left unflagged
- 05Runs in two modes: build mode (steers Claude during UI generation) and audit mode (scans existing codebases)
- 06Audit scanner `devibe_scan.py` requires only Python; supports `--severity high`, `--json`, and CI-compatible exit codes
- 07Full dataset, analysis scripts, and charts are public on GitHub
Topics
Summary and scoring are generated automatically from the original article. We always link back to the publisher and never republish images or paywalled content. Last processed Jun 19, 2026 · 10:25 UTC. How this works →