Can I simulate network conditions or API failures?

Yes, the skill allows you to intercept and mock HTTP requests to test how your application handles various API responses and error states.

Does this skill require a separate browser installation?

The skill interfaces with the Browser DevTools MCP server, which manages the Playwright-based browser environment on your behalf.

Is it possible to debug React applications?

Absolutely; the skill includes specialized tools to map elements to React components and vice versa using React DevTools capabilities.

Can this skill help with accessibility audits?

Yes, it can generate ARIA snapshots and accessibility tree snapshots to help identify and fix compliance issues.

Can I use this for visual testing?

Yes, you can take screenshots and export pages as PDFs to verify UI layouts and visual consistency.

Browser Testing & Automation

Name: Browser Testing & Automation
Author: serkan-ozal

byserkan-ozal

•

浏览器自动化

Automates browser interactions and debugging using Playwright to test, monitor, and verify web application behavior.

关于

This skill empowers Claude with a live, traceable, and controllable browser environment powered by the Browser DevTools MCP. It enables automated end-to-end testing, visual regression through screenshots, and deep debugging using console logs and network monitoring. Whether you need to audit web accessibility using ARIA snapshots, analyze React components, or mock HTTP responses for edge-case testing, this skill provides a comprehensive toolkit for modern frontend development and quality assurance within your AI-driven workflow.

主要功能

Deep debugging with network request monitoring and console log access
Advanced accessibility auditing with ARIA snapshots and AX tree snapshots
60 GitHub stars
Full browser automation for clicks, form-filling, and navigation
Visual verification through screenshots, PDF exports, and HTML capture
Mocking and stubbing of HTTP requests to test specific API responses

使用场景

Performing accessibility audits and monitoring Core Web Vitals for performance
Debugging complex UI bugs by inspecting React components and network traffic
Automating end-to-end user flows to ensure critical features work correctly

关于

主要功能

Deep debugging with network request monitoring and console log access
Advanced accessibility auditing with ARIA snapshots and AX tree snapshots
60 GitHub stars
Full browser automation for clicks, form-filling, and navigation
Visual verification through screenshots, PDF exports, and HTML capture
Mocking and stubbing of HTTP requests to test specific API responses

使用场景

Performing accessibility audits and monitoring Core Web Vitals for performance
Debugging complex UI bugs by inspecting React components and network traffic
Automating end-to-end user flows to ensure critical features work correctly