What problem does it solve? Visual design defects like element overflow, broken responsive layouts, poor contrast, and inconsistent spacing are hard to catch without manually testing every page at multiple screen sizes. This Skill automates visual inspection of running websites and applies fixes directly at the source code level. ## Core Features & Use Cases - Automated Visual Inspection: Navigates pages, captures screenshots, and checks layout, typography, contrast, and responsive behavior across mobile, tablet, and desktop viewports. - Source-Level Fixes: Locates the responsible CSS, Tailwind classes, styled-components, or framework components and applies minimal, style-consistent fixes. - Iterative Verification: Re-captures screenshots after each fix, runs regression checks, and produces a prioritized report (P1/P2/P3) of detected and resolved issues. - Use Case: Point it at a local Next.js dev server, and it will detect a horizontal overflow on mobile, trace it to a missing overflow-x: hidden rule in the layout component, fix it, and verify the result at 375px width. ## Quick Start Review the design of my website running at http://localhost:3000 and fix any layout or accessibility issues you find.
