anti-ai-slop

name	anti-ai-slop
description	Detect and prevent generic AI-generated code patterns. Use when auditing, writing, or reviewing web UI code to avoid slop. Triggers: "slop", "ai-generated", "generic", "template", "boilerplate".
category	web-ui

Skill: anti-ai-slop

What This Catches

Generic, low-quality patterns common in AI-generated code:

• Gradient text
• Ghost cards (low contrast, invisible borders)
• Over-rounding (everything at 12px+ radius)
• 3-column identical cards
• Icon-in-circle feature lists
• Centered-everything layouts
• "Welcome to platform" copy
• Inter-by-reflex (use with purpose)
• Purple gradients
• Side-stripe borders

Rules

1. Real type contrast — Use design tokens, not generic colors
2. Purposeful color — Every color choice has a reason
3. Honest states — Real hover/active/disabled, not fake
4. Specific copy — Never generic SaaS language
5. Intentional layout — Visual hierarchy, not centering everything

Commands

# Check for gradient text
grep -r "linear-gradient.*text\|background-clip.*text" src/ --include='*.css'

# Check for raw Inter usage
grep -r "font-family.*Inter" src/ --include='*.css' | grep -v "var(--font"

# Check for over-rounding
grep -r "border-radius.*1[2-9]px\|border-radius.*[2-9][0-9]px" src/ --include='*.css'