What problem does it solve? AI-generated interfaces often fall into generic patterns: overused fonts like Inter and Roboto, purple-to-pink gradients, symmetric hero layouts, and excessive blur effects. This Skill provides concrete anti-patterns to avoid and proven design alternatives so landing pages, dashboards, and web applications get a distinctive, professional visual identity. ## Core Features & Use Cases - Anti-Pattern Detection: Lists specific typography, color, layout, and effect patterns that produce generic AI-looking designs, with recommended alternatives for each. - Design System Building Blocks: Provides font pairing tables, color palette construction principles, asymmetric layout patterns, animation timing guidelines, and easing functions. - Ready-Made Themes: Ships five complete theme definitions (Nordic Minimal, Neon Brutalism, Organic Growth, Tech Noir, Editorial Elegance) with CSS custom properties, plus component references for buttons, cards, heroes, and navigation. - Use Case: When asked to build a SaaS landing page, apply the Tech Noir theme with Space Grotesk headings, an asymmetric 35/65 hero split, and a single staggered page-load animation instead of defaulting to a centered card grid. ## Quick Start Design a landing page for my startup using a distinctive theme with custom font pairings and an asymmetric hero layout.
