Bridging the Gap: MCP Browser Kit - Seamlessly Integrate Your Browser with LLMs

The MCP Browser Kit empowers developers to connect Large Language Models (LLMs) with browser environments, unlocking a new realm of possibilities for AI-driven applications. This kit acts as an intermediary, enabling LLMs to interact with and leverage the context of manifest v2 compatible browsers like Brave and Firefox.

Getting Started

Follow these steps to integrate the MCP Browser Kit into your workflow:

1. Integrate with your MCP Client:

   Modify your MCP Client configuration to include the MCP Browser Kit server:

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

2. Install the Browser Extension:

   Download the latest MCP Browser Kit Extension. Extract the downloaded archive.

3. Load the Extension into your Browser:

   Follow the instructions below for your specific browser:

   • Brave:
     1. Navigate to brave://extensions/.
     2. Activate "Developer mode."
     3. Click "Load unpacked."
     4. Select the extension directory from the extracted archive.
   • Firefox:
     1. Open about:debugging#/runtime/this-firefox.
     2. Click "Load Temporary Add-on."
     3. Choose the manifest.json file located within the extension directory.

4. Enable and Interact:

   Enable the extension in your browser. You can now start sending messages to the MCP Client, leveraging the browser context.

   use mcp-browser-kit, Star the last opening github repo on my browser