What problem does it solve? Existing websites and apps often ship with generic, AI-looking design patterns: default fonts, purple-blue gradients, three-card feature rows, and missing hover or loading states. This Skill audits a codebase for those weaknesses and applies targeted upgrades without breaking functionality or rewriting the stack. ## Core Features & Use Cases - Design Audit: Systematically checks typography, color, layout, interactivity, content, components, iconography, and code quality against a checklist of common generic patterns. - Targeted Upgrades: Applies high-impact fixes in priority order, starting with font swaps and color cleanup, then states, layout, and component replacements. - Stack-Agnostic Fixes: Works with Tailwind (v3 or v4), vanilla CSS, styled-components, or any existing framework without migrating dependencies. - Use Case: You have a Next.js landing page that looks like every other AI-generated site. Run this Skill to diagnose the generic patterns and receive concrete, reviewable changes such as a new font pairing, a single accent color, skeleton loaders, and an asymmetric hero layout. ## Quick Start Audit my current project for generic design patterns and apply the highest-priority visual upgrades without changing the framework.
