Automates visual audits and source code fixes for UI layouts, responsive design breaks, and accessibility issues.
The Web Design Reviewer skill transforms Claude into an expert frontend auditor capable of performing live visual inspections on local or remote web applications. By utilizing browser automation and screenshot analysis, it identifies common design flaws such as element overflows, inconsistent spacing, and mobile responsiveness failures. Beyond mere detection, the skill maps these visual bugs directly to your source code—whether you are using Tailwind CSS, Styled Components, or traditional CSS—and applies verified fixes to ensure your site remains polished and user-friendly across all devices.
主要功能
015 GitHub stars
02Automated visual inspection using browser snapshots and screenshot analysis
03Accessibility auditing for contrast ratios, focus states, and semantic HTML
04Cross-viewport responsive testing for mobile, tablet, and desktop layouts
05Integrated regression testing to verify fixes without breaking existing styles
06Source-level bug fixing for CSS, Tailwind CSS, and modern JS frameworks
使用场景
01Ensuring design consistency and brand color alignment across a multi-page SPA
02Auditing and fixing responsive layout breaks on a local development server
03Rapidly identifying and resolving accessibility violations in a staging environment
