What problem does it solve? Existing websites and apps often ship with generic, AI-fingerprinted design: default fonts, purple-blue gradients, three-card feature rows, and missing hover, loading, or error states. This Skill audits a codebase against a comprehensive design checklist and applies targeted upgrades without breaking functionality or migrating frameworks. ## Core Features & Use Cases - Design Audit: Scans the codebase to identify the framework and styling method, then diagnoses weak points 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 and spacing, component replacement, and loading/empty/error states. - Premium Techniques: Adds variable font animation, broken-grid layouts, spring physics motion, glassmorphism, spotlight borders, and grain overlays where appropriate. - Use Case: Point it at a SaaS landing page built with Tailwind that looks like every other AI-generated site. It will swap the default font for a characterful one, replace the three-card feature row with an asymmetric grid, desaturate the accent color, and add skeleton loaders and focus rings. ## Quick Start Redesign this project by auditing it against the design checklist and upgrading the typography, colors, and component patterns without changing the framework.
