Design distinctive user-facing interfaces and avoid generic AI-generated visual patterns.
--- name: frontend-design description: 'Design distinctive user-facing interfaces and avoid generic AI-generated visual patterns.' --- # Frontend Design Skill Build distinctive UIs — avoid the generic "AI slop" aesthetic. ## Rules - NEVER use Inter, Roboto, Arial, system-ui as primary fonts - Use distinctive fonts: Space Mono, Syne, Clash Display, Cabinet Grotesk, Satoshi, Fraunces - Avoid purple gradients on white — pick a real color palette - Use asymmetric layouts, not 3-card grids - Add micro-interactions and personality ## Good Patterns - Bold typography with tight tracking - Unexpected accent colors - Generous whitespace with intentional density - Scroll animations on key content ## Bad Patterns (avoid) - Hero → Features → Testimonials → CTA → Footer - Purple/blue gradient backgrounds - "AI-generated" card grids - Generic stock illustration style
don't have the plugin yet? install it then click "run inline in claude" again.