browser-qa

The browser-qa skill is designed to automate the verification of web interfaces and visual elements across deployed features. By simulating user interactions through browser automation tools, it ensures that UI behaviors function as intended and that visual layouts remain consistent after updates. This skill addresses the common challenges of manual testing, such as missed errors, inconsistent cross-browser behavior, and delayed detection of regressions. It streamlines the QA process by providing structured, repeatable checks that validate functionality, accessibility, and responsiveness across multiple devices and viewports.

The skill operates in multiple phases: smoke testing, interaction testing, visual regression, and accessibility audits. Smoke tests confirm basic functionality, checking for console errors, network failures, and key performance metrics such as Core Web Vitals. Interaction tests validate navigational elements, form submissions, authentication flows, and critical user journeys. Visual regression testing captures screenshots at various breakpoints and compares them against baselines to detect layout shifts or missing elements. Accessibility testing uses tools like axe-core to flag WCAG AA violations, ensure keyboard navigation is functional, and verify screen reader landmarks. Outputs are consolidated into a structured QA report highlighting successes, failures, and actionable issues.

Browser-qa is primarily intended for frontend developers, QA engineers, and teams involved in web application deployment and review. It is particularly useful for verifying changes after staging or preview deployments, reviewing pull requests that affect the frontend, and performing responsive or accessibility audits. The skill integrates with multiple browser automation platforms including Chrome-based MCPs, Playwright, and Puppeteer, and can be paired with post-deploy monitoring tools to continuously validate user-facing features. By automating repetitive verification tasks, it reduces human error, accelerates release cycles, and ensures higher quality user experiences.