Performs automated visual inspections and accessibility audits of web interfaces using agent-browser technology.
The QA skill transforms Claude into a meticulous design reviewer and quality assurance engineer. By leveraging agent-browser, it captures high-fidelity screenshots and accessibility tree snapshots to validate layout consistency, typography hierarchy, color contrast, and component quality against professional design standards. It is an essential tool for developers who need to verify implementations against design mockups, ensure WCAG compliance, and catch subtle UI regressions across multiple responsive viewports before code reaches production.
Key Features
01Responsive design validation across desktop, tablet, and mobile viewports
02Automated visual screenshots and accessibility tree snapshots
03Implementation vs. mockup fidelity comparison and reporting
04Detailed color contrast and WCAG accessibility compliance checks
05Comprehensive UI audits covering layout, spacing, and typography rhythm
0612 GitHub stars
Use Cases
01Performing a final accessibility and visual polish check before submitting a Pull Request
02Auditing responsive behavior and touch target sizes for mobile compatibility
03Verifying that a newly built component matches the design system spacing and typography tokens
