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 products look unfinished. This Skill systematically audits a codebase for these weaknesses and applies targeted upgrades without breaking existing functionality. ## Core Features & Use Cases - Design Audit: Scans the codebase to identify the framework and styling method, then diagnoses issues across typography, color, layout, interactivity, content, components, iconography, and code quality. - Targeted Upgrades: Applies high-impact fixes in priority order—font swaps, palette cleanup, hover/active states, layout corrections, and loading/empty/error states—working with the existing stack rather than rewriting it. - Use Case: Point the Skill at a Tailwind-based marketing site that looks generic. It identifies the Inter-everywhere typography, the symmetric three-column feature cards, and missing focus rings, then replaces them with a distinctive font pairing, an asymmetric grid, and proper interactive states. ## Quick Start Redesign this existing project by auditing its current design patterns and upgrading typography, colors, layout, and interactive states without changing the framework.
