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

•

Browser Automation

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.

Key Features

01Deep debugging with network request monitoring and console log access

02Advanced accessibility auditing with ARIA snapshots and AX tree snapshots

0360 GitHub stars

04Full browser automation for clicks, form-filling, and navigation

05Visual verification through screenshots, PDF exports, and HTML capture

06Mocking and stubbing of HTTP requests to test specific API responses

Use Cases

01Performing accessibility audits and monitoring Core Web Vitals for performance

02Debugging complex UI bugs by inspecting React components and network traffic

03Automating end-to-end user flows to ensure critical features work correctly

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add serkan-ozal/browser-devtools-mcp browser-testing

For use in Claude.ai and ChatGPT

Download Skill