browser-tools-mcp

browser-tools-mcp

3.2

If you are the rightful owner of browser-tools-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

BrowserTools MCP is a browser monitoring and interaction tool that enables AI-powered applications to capture and analyze browser data through a Chrome extension.

BrowserTools MCP is a sophisticated tool designed to enhance AI applications by enabling them to interact with and analyze browser data. It leverages Anthropic's Model Context Protocol (MCP) to provide a seamless integration with various AI clients. The tool includes a Chrome extension that captures screenshots, console logs, network activity, and DOM elements, which are then processed by a Node server acting as middleware. This setup allows for comprehensive audits and debugging of web pages, including accessibility, performance, SEO, and best practices checks. The tool is particularly useful for developers using MCP-compatible clients like Cursor, Cline, Zed, and Claude Desktop, providing them with the ability to run audits and capture browser data without leaving their development environment.

Features

  • Comprehensive Audits: Perform accessibility, performance, SEO, and best practices audits using Lighthouse.
  • Debugger Mode: Execute all debugging tools in a sequence to improve reasoning and problem-solving.
  • NextJS Specific Tools: Includes prompts and tools specifically for auditing and improving NextJS applications.
  • Improved Networking: Features host/port auto-discovery, auto-reconnect, and graceful shutdown mechanisms.
  • Local Data Storage: All logs are stored locally, ensuring privacy and security of data.

Tools

  1. Accessibility Audit

    Check if the page meets accessibility criteria

  2. Performance Audit

    Analyze page performance issues

  3. SEO Audit

    Evaluation Page SEO Optimization

  4. Best Practices Audit

    Check if the page complies with best practices

  5. NextJS Audit

    Specific audits for NextJS applications

  6. Audit Mode

    Execute all audit tools in order

  7. Debugger Mode

    Execute all debugging tools in order