What problem does it solve? Functionally correct applications often still look like prototypes, with contrast failures, missing hover states, inconsistent spacing, and weak typography. This Skill audits the running application's visual quality and refines the frontend to production-grade aesthetics without changing functional behavior. ## Core Features & Use Cases - Multi-Agent Visual Audit: A lead agent screenshots key screens at desktop, tablet, and mobile breakpoints, then triages issues into objective defects (Category O), enhancements (Category E), and design elevation suggestions (Category D). - Automated Defect Fixing and Enhancement: Parallel teammate agents fix WCAG contrast failures, layout overflow, and missing focus rings, then apply hover states, transitions, and spacing refinements within the existing design system. - Regression Verification and Reporting: A verifier teammate re-checks all modified screens across breakpoints and dark mode, producing before/after screenshots and a gate decision report. - Use Case: After your app's verification and remediation stages pass, run this Skill to fix invisible text, add micro-interactions, and standardize spacing across your 10-15 highest-impact screens before deploying. ## Quick Start Ask the agent to run visual polish on the running application and fix contrast, layout, and spacing issues before deployment.
