What problem does it solve? AI coding agents repeatedly produce the same generic interface patterns — blue-purple gradients, glassmorphism everywhere, template landing pages, fake dashboard metrics — that make products look generated rather than designed. This Skill gives the agent a concrete catalog of these anti-patterns with fixes, so UI work reads as intentional design. ## Core Features & Use Cases - Visual pattern detection: Flags overused treatments like generic gradients, excessive glassmorphism, glow, pill-shaped radius, and sterile default palettes, each with a Tell/Why/Fix entry tied to a core rule number. - Layout and component review: Catches template structures such as hero-feature-grid-testimonial flows, copy-paste feature cards, "Trusted By" logo bars, and default dashboard shells with invented stat cards. - App and motion checks: Covers dashboard filler data, placeholder empty states, endless animation loops, and stacked template animations, ending with a UI Skill Checklist run alongside the core Delivery Gate. - Use Case: While building a SaaS landing page or admin dashboard, load this Skill with the antislop core so the agent replaces fabricated metrics, dead navigation, and decorative emoji with real data, working controls, and a brand-derived palette. ## Quick Start Load the antislop core and this UI skill, then ask the agent to review my landing page for generic AI design patterns and fix them.
