browser-tools-mcp

browser-tools-mcp

4,519
browser_automation

BrowserTools MCP is a powerful tool designed to enhance the capabilities of AI-powered applications by interacting with a user's browser. It captures and analyzes browser data via a Chrome extension using Anthropic's Model Context Protocol (MCP). The tool provides a range of features including audit and debugger modes, and is compatible with MCP clients like Cursor.

BrowserTools MCP

Make your AI tools 10x more aware and capable of interacting with your browser

  • Description: A browser interaction tool that enhances AI-powered applications via Anthropic's Model Context Protocol (MCP) to capture and analyze browser data through a Chrome extension.
  • Features:
    • Auto-Paste functionality and SEO tools integrated.
    • Debugger and Audit Modes for comprehensive evaluation.
    • Improved networking between BrowserTools server, extension, and MCP server.
  • Usage:
    • Install Chrome extension and MCP server.
    • Run audits and interact with the browser through the Chrome DevTools panel.
    • Reports issues such as WCAG compliance, performance bottlenecks, and SEO factors.

Architecture

  • Components:
    • Chrome Extension: Captures browser data.
    • Node Server: Middleware for communication.
    • MCP Server: Standardized tools for AI clients.

Installation

Check the docs for full installation steps.

Compatibility

Works with MCP-compatible clients like Cursor IDE.