MCP Browser Kit

by ndthanhdev

54 stars
584 downloads
Not rated
GitHub

About

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

Details

Author
ndthanhdev
GitHub stars
54
Downloads
584
Categories
Automation

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name MCP Browser Kit
    Command (node, npx, python, etc.)

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

{
  "mcpServers": {
    "browser-kit": {
      "command": "npx",
      "args": [
        "@mcp-browser-kit/server@latest"
      ]
    }
  }
}

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "mcp browser kit": {
            "browser-kit": {
                "command": "npx",
                "args": [
                    "@mcp-browser-kit/server@latest"
                ]
            }
        }
    }
}

McpServers

{
    "browser-kit": {
        "command": "npx",
        "args": [
            "@mcp-browser-kit/server@latest"
        ]
    }
}

MCP Browser Kit

NPM Version
Workspace Updated
Checked with Biome
Trust Score

mcp-browser-kit MCP server

> πŸš€ On the main branch? You're viewing the bleeding-edge dev docs! For other versions, check out the release/* branches.

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

https://github.com/user-attachments/assets/1fbf87fd-06d1-42bf-a06f-cc2bbdf375a8

Usage

1. Add MCP Browser Kit to your MCP Client:

   {
   	"mcpServers": {
   		"browser-kit": {
   			"command": "npx",
   			"args": ["@mcp-browser-kit/server@latest"]
   		}
   	}
   }
   

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 the latest compatible build from The Latest Release.

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
   

7. Optional, check User Notes for more information.

Compatibility table

> The M2 build supports more functionalities than the M3 build.
> Extension file name patterns:
> - M2 build:
> - Chromium: mcp_browser_kit_m2-<version>.zip (e.g., mcp_browser_kit_m2-5.0.0.zip)
> - Firefox: mcp_browser_kit_m2-<version>.xpi (e.g., mcp_browser_kit_m2-5.0.0.xpi)
> - 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. Unzip the downloaded .zip file
2. Open chrome://extensions/
3. Enable Developer mode
4. Click Load unpacked
5. Select the unpacked extension folder
- Firefox
1. Open about:addons
2. Click the gear icon and select Install Add-on From File
3. Select the downloaded .xpi file
- Safari
1. Unzip the downloaded .zip file
2. Open Develop > Show Extension Builder
3. Click + and select Add Extension
4. Select the unpacked extension folder
5. Click Install to install the extension

No reviews yet β€” be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.