Тестирование UI в браузере через Chrome DevTools

★ 8.7 · testing

browser-testing-with-devtools is a Claude Code skill that enables real-browser testing through the Chrome DevTools MCP server. Instead of relying on static code analysis, the agent gains live access to the DOM tree, console output, network requests and responses, computed element styles, the accessibility tree, and performance timing data including Core Web Vitals. It connects via `chrome-devtools-mcp`, supporting an isolated temporary profile (`--isolated`) for most testing scenarios or `--autoConnect` (Chrome 144+) when logged-in session state is required. Best suited for debugging UI layout and interactions, diagnosing runtime errors, verifying API calls, and running automated browser checks against a local dev server. Requires the `chrome-devtools` MCP server to be configured in `.mcp.json` or Claude Code settings.