mcp-browser-kit

MCP.Pizza Chef: ndthanhdev

MCP Browser Kit is a server that allows AI assistants to interact directly with local web browsers. It facilitates real-time browser control, enabling AI models to navigate, extract data, and perform actions within browser environments securely. Designed for integration with MCP clients, it supports workflows requiring browser automation and contextual web interactions while emphasizing user data privacy through isolated browser profiles.

Use This MCP server To

Automate web navigation for task completion or browsing flows Extract structured data from web pages for analysis or scraping Auto-fill forms using web navigation and field detection Trigger scripts based on natural language task requests Control multiple browser tabs and windows programmatically Test web applications by simulating user interactions Capture screenshots or page content for documentation or review

README

MCP Browser Kit

CI Checked with Biome

An MCP Server that enables AI assistants to interact with your local browsers.

Note: Consider using a separate browser profile or dedicated browser instance with this MCP to prevent sensitive data from being unintentionally exposed to AI model providers.

2025-04-04.20-53-26.mp4

Usage

  1. Add MCP Browser Kit to your MCP Client:

    {
    	"mcpServers": {
    		"browser-kit": {
    			"command": "npx",
    			"args": ["@mcp-browser-kit/server"]
    		}
    	}
    }
  2. Choose the right extension build for your browser:

    • Check the Compatibility table below to see which build (M2 or M3) is compatible with your browser
    • Note that M2 builds offer more functionality than M3 builds, so prefer M2 if your browser supports both
  3. Download and unzip the latest compatible build from Releases page.

  4. Load the extension into a compatible browser and enable it.

  5. Refresh open tabs to ensure extension scripts are loaded.

  6. Start messaging on your MCP Client:

    Use browser-kit, star the last open GitHub repo on my browser
    

Compatibility table

The M2 build supports more functionalities than the M3 build.

Extension file name patterns:

  • M2 build: mcp_browser_kit_m2-[version].zip (e.g., mcp_browser_kit_m2-5.0.0.zip)
  • M3 build: mcp_browser_kit_m3-[version].zip (e.g., mcp_browser_kit_m3-5.0.0.zip)
Browser M2 build M3 build
Chrome
Brave
Edge
Firefox
Safari

Load Extension

  • Chromium-based browsers (Chrome, Brave, Edge)
    1. Open chrome://extensions/
    2. Enable Developer mode
    3. Click Load unpacked
    4. Select the unpacked extension folder
  • Firefox
    1. Open about:debugging#/runtime/this-firefox
    2. Click Load Temporary Add-on
    3. Select the manifest.json file in the unpacked extension folder
  • Safari
    1. Open Develop > Show Extension Builder
    2. Click + and select Add Extension
    3. Select the unpacked extension folder
    4. Click Install to install the extension

mcp-browser-kit FAQ

How do I install MCP Browser Kit?
Install by adding it to your MCP client configuration and running the server via npx with @mcp-browser-kit/server.
Can MCP Browser Kit interact with all browsers?
It supports major browsers with specific extension builds; check the compatibility table for details.
How does MCP Browser Kit ensure user data privacy?
It is recommended to use separate browser profiles or dedicated instances to prevent exposing sensitive data to AI providers.
What kind of browser interactions can MCP Browser Kit perform?
It can navigate pages, fill forms, extract data, control tabs, and trigger scripts based on AI instructions.
Is MCP Browser Kit compatible with multiple MCP clients?
Yes, it is designed to integrate seamlessly with various MCP clients for flexible AI workflows.
Can MCP Browser Kit be used for automated testing?
Yes, it can simulate user interactions to test web applications effectively.
Does MCP Browser Kit support real-time interaction?
Yes, it enables real-time control and feedback between AI assistants and local browsers.