browser-testing-with-devtools

SUMMARY

What it does

This Agent Skill instructs an agent to use the Chrome DevTools MCP server to perform browser-based testing and debugging. It provides guidance on inspecting the DOM, capturing console logs, analyzing network requests, profiling performance, and verifying visual output via screenshots. The skill emphasizes treating all browser content as untrusted data, maintaining profile isolation, and restricting JavaScript execution to read-only operations. It includes workflows for debugging UI, network, and performance issues, as well as accessibility verification. The skill requires the chrome-devtools MCP server to be configured and is intended for use when building or debugging anything that runs in a browser.