What problem does it solve?
Manual browser quality assurance is slow, inconsistent, and easy to miss critical UI issues across different viewports and user flows. This Skill automates end-to-end browser testing to catch layout bugs, broken interactions, and accessibility violations before they impact users.
Core Features & Use Cases
- Smoke Testing: Automatically checks for console errors, failed network requests, and Core Web Vitals compliance on deployed pages.
- Interaction Validation: Tests navigation links, form submissions (valid and invalid inputs), authentication flows, and critical user journeys like checkout or onboarding.
- Visual Regression Testing: Captures screenshots across mobile, tablet, and desktop breakpoints to flag layout shifts, overflow, missing elements, and dark mode inconsistencies.
- Accessibility Auditing: Runs automated WCAG AA checks, verifies keyboard navigation, and validates screen reader landmark support.
Ideal for frontend teams running QA after staging deployments, reviewing PRs with UI changes, or performing pre-ship validation to avoid broken user experiences.
Quick Start
Use the browser-qa skill to run a full quality check on your staging deployment URL immediately after pushing new frontend code.