BrowserTools icon

BrowserTools

Enables AI-powered applications to monitor and interact with browser data via a Chrome extension and MCP.

About

BrowserTools provides a suite of tools for AI-powered applications to deeply integrate with and understand web browser activity. By leveraging a Chrome extension and a local Node.js server communicating via the Model Context Protocol (MCP), AI clients like Cursor can access real-time browser console logs, network traffic, DOM elements, and screenshots. Additionally, it offers powerful auditing capabilities, including accessibility, performance, SEO, and best practices checks, allowing for comprehensive analysis and improvement of web applications directly from within your IDE. All data is stored locally to ensure privacy and security.

Key Features

  • Monitors browser console output and network traffic in real-time.
  • Captures screenshots and analyzes selected DOM elements.
  • Performs accessibility, performance, SEO, and best practices audits.
  • Integrates seamlessly with MCP-compatible clients like Cursor.
  • Offers intelligent truncation and filtering to avoid token limits and sensitive data exposure.

Use Cases

  • Debugging web applications with AI assistance.
  • Improving website SEO and performance using automated audits.
  • Ensuring web accessibility compliance.