What problem does it solve? Existing websites and apps often carry generic AI-generated design patterns—default fonts, purple-blue gradients, three-card layouts, and missing interaction states—that make them look cheap and unfinished. This Skill systematically audits a codebase for these weaknesses and applies targeted upgrades without breaking functionality or rewriting the stack. ## Core Features & Use Cases - Design Audit: Scans typography, color, layout, interactivity, content, components, iconography, and code quality to list every generic pattern and missing state. - Targeted Upgrades: Applies high-impact fixes like font swaps, palette cleanup, hover/active states, skeleton loaders, and asymmetric layouts while respecting the existing framework (Tailwind, vanilla CSS, styled-components). - Use Case: You have a working SaaS landing page built with Tailwind that looks like every other AI-generated site. Run this Skill to diagnose the generic patterns, replace the Inter font and AI gradient, fix the three-card feature row, and add proper loading and empty states. ## Quick Start Redesign my existing project by auditing it for generic design patterns and upgrading the typography, colors, and layout without breaking any functionality.
