What problem does it solve? AI-generated interfaces often carry recognizable visual clichés—rainbow gradients, decorative emoji, default left-border cards, generic fonts, and off-scale spacing—that make a design look like a template rather than an intentional product. This Skill audits HTML/CSS files for nine categories of these patterns and reports each finding with evidence, confidence, and a concrete fix suggestion. ## Core Features & Use Cases - Nine detection rules: Covers aggressive gradients, decorative emoji, default left-border cards, hand-drawn SVG illustrations, generic fonts (Inter, Roboto, Fraunces), pure black/white colors, untraceable color values, off-scale spacing, and the editorial-warm default aesthetic. - Positive-default guidance: Each rule states the recommended default first (e.g., solid colors, 4px/8px spacing scale, token-traceable colors) before describing the pattern to detect and replace. - Report-first workflow: By default it only reports findings with severity and confidence; it modifies files only when the user explicitly requests fixes. - Use Case: After an AI assistant generates a landing page, run this check to flag a purple-to-pink hero gradient, emoji bullets, and padding: 7px 15px, then get replacement suggestions aligned to a design system. ## Quick Start Review the HTML and CSS files I just edited for AI-generated design clichés and report each finding with a suggested fix.
