browser-qa

Automate post-deployment visual, interaction, and accessibility validation of live web pages.

2|Updated May 11, 2026
One-click install
npx skills add https://github.com/himanshu231204/AI_Research_agent --skill browser-qa-himanshu231204
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-qa
Source: https://github.com/himanshu231204/AI_Research_agent/tree/main/.opencode/skills/browser-qa
Command: npx skills add https://github.com/himanshu231204/AI_Research_agent --skill browser-qa-himanshu231204

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manual UI testing after deployments is slow, inconsistent, and often misses visual regressions, broken interactions, or accessibility issues that can negatively impact user experience.

Core Features & Use Cases

  • Automated Smoke Testing: Instantly validates page load health, filters out irrelevant console and network errors, and checks Core Web Vitals (LCP, CLS, INP) against performance benchmarks.
  • Interaction Verification: Tests all navigation links, form submissions (valid and invalid inputs), authentication flows, and critical user journeys like checkout or onboarding to catch broken functionality.
  • Visual Regression & Accessibility Audits: Captures screenshots across desktop and mobile viewports to flag layout shifts or missing elements, and runs WCAG AA compliance checks to identify contrast, label, or keyboard navigation issues.
  • Use Case Example: After deploying a new product filtering feature to staging, use this skill to automatically confirm the filter UI works on mobile, no layout breaks occur on the product page, and all filter options are accessible via keyboard navigation.

Quick Start

Use the browser-qa skill to run a full end-to-end QA check on your staging deployment immediately after pushing a frontend update.

Frequently Asked Questions about browser-qa

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate post-deploy UI testing for visual and interaction regressions?

Automate post-deploy UI testing by running navigation, user interaction, and screenshot capture against live web pages to eliminate manual checks and catch visual regressions or broken functionality.

Can I run automated accessibility and WCAG compliance audits on live staging pages?

Run automated accessibility audits on live staging pages to perform WCAG AA compliance checks that identify contrast, label, or keyboard navigation issues without manual review.

Do I need Playwright or Puppeteer to automate browser interaction checks and form submissions?

You need a browser automation tool like Playwright, Puppeteer, or Claude-in-Chrome to execute navigation, form submissions, and authentication flow verification during end-to-end QA checks.

What is the best way to verify Core Web Vitals and page load health after a frontend deployment?

Verify Core Web Vitals and page load health by filtering irrelevant console and network errors, then checking LCP, CLS, and INP metrics against performance benchmarks after deployment.

How to capture screenshots across desktop and mobile viewports for visual regression testing?

Capture screenshots across desktop and mobile viewports during visual regression testing to flag layout shifts or missing elements on live web pages automatically.

Does automated smoke testing catch broken navigation links and authentication flow issues?

Automated smoke testing catches broken functionality by testing navigation links, form submissions with valid and invalid inputs, and critical user journeys like authentication flows.