# agentdeskai/browser-tools-mcp

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/agentdeskai-browser-tools-mcp).**

7,254 stars · 528 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/AgentDeskAI/browser-tools-mcp
- Homepage: https://agentdesk.ai/
- awesome-repositories: https://awesome-repositories.com/repository/agentdeskai-browser-tools-mcp.md

## Topics

`ai` `anthropic` `cursor` `mcp` `mcp-server`

## Description

This project is a browser automation toolset and Model Context Protocol server that connects large language models to live browser sessions. It provides a web debugging interface and a quality auditor to facilitate the analysis of document object model structures and browser logs.

The system implements a bridge that streams diagnostics into AI-powered editors, allowing for the automated identification of web bugs. It features a data sanitization pipeline that removes cookies and sensitive headers to prevent private information leakage during the analysis process.

The toolset covers a range of capabilities including real-time log monitoring, page screenshot capture, and structural analysis of DOM elements. It also includes auditing tools for evaluating web performance, accessibility, and search engine optimization.

## Tags

### Artificial Intelligence & ML

- [Model Context Protocol Implementations](https://awesome-repositories.com/f/artificial-intelligence-ml/model-context-protocol-implementations.md) — Implements the Model Context Protocol to expose browser utilities as tools for AI-enabled IDEs.
- [Agentic Web Interaction](https://awesome-repositories.com/f/artificial-intelligence-ml/agentic-web-interaction.md) — Enables AI agents to navigate and interact with live web data directly within the browser. ([source](https://browsertools.agentdesk.ai/llms.txt))
- [MCP Protocol Integrations](https://awesome-repositories.com/f/artificial-intelligence-ml/external-tool-integrations/mcp-protocol-integrations.md) — Extends MCP-compatible editors with direct access to browser diagnostic data.
- [Model Context Protocol Servers](https://awesome-repositories.com/f/artificial-intelligence-ml/model-context-protocol-servers.md) — Implements an MCP server that connects LLMs to live browser sessions for structural and log analysis.
- [Browser Automation Agents](https://awesome-repositories.com/f/artificial-intelligence-ml/browser-automation-agents.md) — Uses AI agents to verify visual and structural correctness through automated browser interaction.

### Development Tools & Productivity

- [Document Element Inspection](https://awesome-repositories.com/f/development-tools-productivity/element-metadata-inspection/document-element-inspection.md) — Retrieves and modifies selected elements from the browser DOM for direct structural analysis. ([source](https://browsertools.agentdesk.ai/))
- [Frontend Debugging Workflows](https://awesome-repositories.com/f/development-tools-productivity/frontend-debugging-workflows.md) — Links live browser DOM elements and page states to a code editor to accelerate UI iteration.
- [Agent Context Mappings](https://awesome-repositories.com/f/development-tools-productivity/source-map-generators/event-to-source-mapping/dom-to-source-mappings/agent-context-mappings.md) — Maps browser focus to structural DOM representations to provide essential context for AI agents.
- [AI-Driven Debugging Workflows](https://awesome-repositories.com/f/development-tools-productivity/workflow-automations/ai-driven-debugging-workflows.md) — Combines tools and AI prompts into automated workflows for identifying and resolving web bugs. ([source](https://browsertools.agentdesk.ai/))

### Security & Cryptography

- [Data Sanitization](https://awesome-repositories.com/f/security-cryptography/data-sanitization.md) — Strips cookies and sensitive headers from browser logs to prevent private information leakage to LLMs. ([source](https://cdn.jsdelivr.net/gh/agentdeskai/browser-tools-mcp@main/README.md))

### System Administration & Monitoring

- [Browser Log Streaming](https://awesome-repositories.com/f/system-administration-monitoring/browser-log-streaming.md) — Captures and filters live browser console and network events to isolate runtime errors.
- [Log Analysis](https://awesome-repositories.com/f/system-administration-monitoring/logging-and-telemetry/log-analysis.md) — Provides tools to parse and interpret browser console logs and network requests to identify application errors. ([source](https://browsertools.agentdesk.ai/quickstart))
- [Diagnostic and Error Reporting](https://awesome-repositories.com/f/system-administration-monitoring/monitoring-and-observability/diagnostic-error-reporting.md) — Retrieves console logs, errors, and network requests to identify runtime issues in web applications. ([source](https://cdn.jsdelivr.net/gh/agentdeskai/browser-tools-mcp@main/README.md))
- [Real-Time Application Log Monitoring](https://awesome-repositories.com/f/system-administration-monitoring/real-time-application-log-monitoring.md) — Streams browser console logs and network events in real time for immediate debugging within an editor. ([source](https://browsertools.agentdesk.ai/))

### Testing & Quality Assurance

- [Page State Captures](https://awesome-repositories.com/f/testing-quality-assurance/general-testing-utilities/test-utilities-assertions/browser-ui-interaction/browser-environment-emulation/browser-page-management/page-state-analysis/page-state-captures.md) — Captures the browser page as screenshots and HTML dumps to connect the UI with the underlying codebase. ([source](https://browsertools.agentdesk.ai/quickstart))
- [Screenshot Capture](https://awesome-repositories.com/f/testing-quality-assurance/automation-interaction-tools/screenshot-capture.md) — Captures visual snapshots of the browser state for documentation and state verification. ([source](https://browsertools.agentdesk.ai/))
- [Visual State Analysis](https://awesome-repositories.com/f/testing-quality-assurance/automation-interaction-tools/screenshot-capture/visual-state-analysis.md) — Integrates browser screenshots into an editor for LLM-driven visual analysis of the UI state. ([source](https://cdn.jsdelivr.net/gh/agentdeskai/browser-tools-mcp@main/README.md))
- [Continuous Web Auditing Tools](https://awesome-repositories.com/f/testing-quality-assurance/continuous-web-auditing-tools.md) — Provides automated tools for evaluating accessibility, performance, and SEO metrics based on development best practices. ([source](https://cdn.jsdelivr.net/gh/agentdeskai/browser-tools-mcp@main/README.md))
- [Web Quality Auditors](https://awesome-repositories.com/f/testing-quality-assurance/software-testing/quality-compliance-auditing/web-quality-auditors.md) — Evaluates accessibility, performance, and SEO metrics using industry development standards.

### User Interface & Experience

- [AI Context Mapping](https://awesome-repositories.com/f/user-interface-experience/viewport-dimension-tracking/element-dimension-tracking/dom-structural-tracking/ai-context-mapping.md) — Tracks and captures page element data to provide essential structural context for AI agents. ([source](https://cdn.jsdelivr.net/gh/agentdeskai/browser-tools-mcp@main/README.md))

### Web Development

- [Browser Automation](https://awesome-repositories.com/f/web-development/browser-automation.md) — Provides programmatic control of web browsers for DOM extraction and automation.
- [Web Application Debugging](https://awesome-repositories.com/f/web-development/web-application-debugging.md) — Analyzes browser console logs and network requests within an IDE to fix runtime errors.
- [Performance Auditing](https://awesome-repositories.com/f/web-development/performance-optimizations/performance-auditing.md) — Runs performance and code quality scans using industry-standard tools to optimize web application delivery. ([source](https://browsertools.agentdesk.ai/))