# Browser DevTools MCP

> Full-stack debugging platform for AI coding agents with browser and backend runtime access.

## Canonical
- https://www.browser-devtools.com/

## Product Summary
- Browser DevTools MCP helps AI assistants verify generated code, reproduce bugs, and fix issues end-to-end.
- Works across local development, automated testing, and production debugging workflows.
- Available as MCP server, VS Code/Cursor extension, CLI tooling, skills package, and Claude plugin.

## Supported Assistants
- Cursor
- VS Code
- Claude Desktop
- Claude Code
- Windsurf
- GitHub Copilot Coding Agent
- Gemini CLI

## Core Capabilities
- Browser automation and interaction
- Backend/API debugging
- Visual debugging with annotated screenshots
- Network and console inspection
- Accessibility audits
- Performance metrics (Web Vitals)
- Request mocking
- Distributed tracing

## Key Links
- Website: https://www.browser-devtools.com/
- npm: https://www.npmjs.com/package/browser-devtools-mcp
- VS Code/Cursor Extension: https://open-vsx.org/extension/serkan-ozal/browser-devtools-mcp-vscode
- Claude Plugin: https://github.com/serkan-ozal/browser-devtools-claude
- Source Repository: https://github.com/serkan-ozal/browser-devtools-mcp

## Install Quickstart
- npm package: npx -y browser-devtools-mcp
- Skills package: npx skills add serkan-ozal/browser-devtools-skills

## License
- Elastic License 2.0 (ELv2)

## Full Context
- https://www.browser-devtools.com/llms-full.txt