Skills and MCP tagged “devtools”

browser-testing-with-devtools addyosmani skill Connects your coding agent to Chrome via DevTools MCP. Helps inspect the live DOM, catch console errors, check network payloads, and visually verify UI fixes. Claude Code CX Codex Cursor +1 57,900installs react-doctor millionco skill Audits React codebases for architecture, accessibility, and rendering issues. Computes a health score from 0 to 100 and helps patch regressions. Claude Code CX Codex Cursor +1 19,000installs chrome-devtools-cli ChromeDevTools skill Lets AI coding agents interact with Chrome DevTools to automate clicks, inspect DOM snapshots, profile performance, and debug heap memory from the terminal. Claude Code CX Codex Cursor +1 6,700installs chrome-devtools official github skill Controls a live Chrome browser through Chrome DevTools MCP for page actions, debugging, and performance traces. Use it when an agent needs to inspect a web interface. GitHub Copilot 15,258installs explain-interface jakubkrehel skill Explains how a visual effect, animation, or website layout was built from a live page or a screenshot. It breaks down the underlying layer stack. Claude Code CX Codex Cursor +1 13,900installs Frontend Performance Investigator official github subagent Diagnoses runtime web performance issues, layout shifts, and Core Web Vitals regressions by connecting browser traces directly to your code. GitHub Copilot ★ 40,369repo stars Accessibility Runtime Tester official github subagent Tests web apps for keyboard operability, focus traps, form error states, and live region updates in runtime. Useful for catching WCAG regressions before deploy. GitHub Copilot ★ 40,369repo stars