browser-testing-with-devtools
Uses Chrome DevTools MCP to inspect live browser behavior—DOM, console, network, performance, and screenshots—to debug and verify frontend code.
What it does
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
Quality judgment
Exceptionally thorough: covers setup, tool inventory, three detailed workflows, a concrete test plan example, and unusually strong security boundaries for untrusted browser content. Slightly weak on concrete tool-invocation examples and exact MCP tool names, but otherwise near-exemplar.