What problem does it solve? Existing websites and apps often carry generic AI-generated design patterns—default fonts, purple gradients, three-card layouts, and missing interaction states—that make products look unfinished. This Skill systematically diagnoses those 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 checks typography, color, layout, interactivity, content, components, iconography, and code quality against a detailed checklist of generic patterns. - Targeted Upgrades: Applies high-impact fixes in priority order—font swaps, palette cleanup, hover/active states, layout and spacing, component replacement, and loading/empty/error states—while preserving the existing tech stack. - Use Case: Point it at a Next.js or Tailwind project that looks like a default AI template, and it will replace Inter with a characterful font, remove the AI-gradient aesthetic, add skeleton loaders and focus rings, and restructure the generic three-card feature row into an asymmetric layout. ## Quick Start Redesign this existing project by auditing its current design patterns and upgrading typography, colors, layout, and interaction states without changing the framework or breaking functionality.
