{"type":"mcp_server","name":"browser-tools-mcp","description":"This repository provides a browser monitoring and interaction tool that empowers AI applications through Anthropic's MCP, capturing and analyzing browser data via a Chrome extension. It includes SEO tools and debugging features.","category":"Developer Tools","language":"JavaScript","stars":7259,"forks":214,"owner":"AgentDeskAI","github_url":"https://github.com/AgentDeskAI/browser-tools-mcp","homepage":"https://agentdesk.ai/","setup":"## Setup\n\nThere are three components to run this MCP tool:\n\n1.  Install our chrome extension from here: [v1.2.0 BrowserToolsMCP Chrome Extension](https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zip)\n2.  Install the MCP server from this command within your IDE: `npx @agentdeskai/browser-tools-mcp@latest`\n3.  Open a new terminal and run this command: `npx @agentdeskai/browser-tools-server@latest`\n\nAfter those three steps, open up your chrome dev tools and then the BrowserToolsMCP panel.\n\nIf you're still having issues try these steps:\n- Quit / close down your browser. Not just the window but all of Chrome itself. \n- Restart the local node server (browser-tools-server)\n- Make sure you only have ONE instance of chrome dev tools panel open\n\nInstallation steps can also be found in our documentation: [BrowserTools MCP Docs](https://browsertools.agentdesk.ai/)","tools":"## Available Tools\n\n1.  Browser monitoring and interaction (enables AI-powered applications to capture and analyze browser data).\n2.  Allow Auto-Paste into Cursor (automatically pastes screenshots into Cursor).\n3.  Lighthouse integration (suite of SEO, performance, accessibility, and best practice analysis tools).\n4.  NextJS specific prompt (improves SEO for a NextJS application).\n5.  Debugger Mode (executes all debugging tools in a particular sequence, along with a prompt to improve reasoning).\n6.  Audit Mode (executes all auditing tools in a particular sequence).\n7.  Accessibility Audit (WCAG-compliant checks).\n8.  Performance Audit (Lighthouse-driven analysis of factors affecting page speed).\n9.  SEO Audit (evaluates on-page SEO factors).\n10. Best Practices Audit (checks for general best practices in web development).\n11. NextJS Audits (checks for best practices and SEO improvements for NextJS applications).\n12. Monitor browser console output.\n13. Capture network traffic.\n14. Take screenshots.\n15. Analyze selected elements.\n16. Wipe logs stored in our MCP server.","faq":null,"created_at":"2025-02-10T09:20:38+00:00","updated_at":"2025-03-28T23:47:04+00:00","source_url":"https://model-context-protocol.com/servers/browser-monitor-logs-seo-debugging-tools","related_articles":[]}