browser-test

Automate visual testing of web applications using Chrome DevTools.

Updated Jun 21, 2026
One-click install
npx skills add https://github.com/apexradius/agentic-os --skill browser-test-apexradius
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-test
Source: https://github.com/apexradius/agentic-os/tree/main/skills/browser-test
Command: npx skills add https://github.com/apexradius/agentic-os --skill browser-test-apexradius

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill addresses the need for automated visual browser testing and UI validation, streamlining the process of checking websites for responsive layouts, visual regressions, and usability issues.

Core Features & Use Cases

  • Visual UI Validation: Automated checks for responsive design, image rendering, and accessibility on desktop, tablet, and mobile browsers.
  • Screenshot Taking: Capture screenshots at various breakpoints for manual review.
  • Interactive Tests: Verify that navigation, form filling, and interactive elements function correctly.
  • Performance Analysis: Assess page performance with tools like Lighthouse.
  • Use Case: For a website developer or QA engineer looking to ensure a website looks and functions as intended across multiple devices and screen sizes.

Quick Start

Execute the 'browser-test' skill with the URL you wish to test, e.g., 'browser-test https://www.example.com'.

Frequently Asked Questions about browser-test

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

FAQPage Schema
How do I automate visual browser testing for responsive layouts?

Automated visual browser testing validates responsive layouts and UI consistency across desktop, tablet, and mobile devices using Chrome DevTools. It executes tests to check page appearance and behavior without manual intervention.

What is visual regression testing and how does it work with Chrome DevTools?

Visual regression testing detects unintended visual changes in web applications by capturing and comparing screenshots across breakpoints. Using Chrome DevTools Protocol, it automates UI validation to ensure rendering remains consistent.

Can I capture screenshots at various breakpoints for manual UI review?

Yes, you can capture screenshots at various device breakpoints for manual UI review. The skill automates screenshot taking to help developers and QA teams verify responsive design and image rendering across different screen sizes.

Does browser testing with Chrome DevTools support interactive element validation?

Browser testing with Chrome DevTools supports interactive tests to verify navigation, form filling, and interactive elements function correctly. It automates UI validation to ensure website behavior matches expectations across devices.

How do I assess web page performance using Lighthouse during UI validation?

You can assess web page performance using Lighthouse during UI validation by executing automated tests via Chrome DevTools. This analyzes page load metrics and performance scores alongside visual consistency checks.

Do I need Chrome DevTools Protocol enabled to run automated UI validation?

Yes, you need Chrome DevTools with the Chrome DevTools Protocol (MCP) enabled to run automated UI validation. This environment setup is required to execute tests that validate page appearance and behavior.