Browser MCP logo

Browser MCP

Community
djyde

A browser extension and MCP server that allows you to interact with the browser you are using.

Publisherdjyde
Repositorybrowser-mcp
LanguageTypeScript
Forks
14
Stars
83
Available tools
0
Transport typestdio
Categories
Browser Automation
LicenseMIT
Links
GitHub
  • Connect tools to AI workflows

    Browser MCP exposes MCP capabilities that can be used by compatible AI clients and agents.

  • 0 available tools

    Browse the callable actions below, including names and descriptions when provided by the server.

  • Ready-to-copy setup

    Use the installation snippets to configure this server in your preferred MCP client.

  • Open source signals

    83 stars and 14 forks from the linked repository.

browser-mcp

A browser extension and MCP server that allows you to interact with the browser you are using.

mcp

jkXeswNy@2x

Usage

json
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@djyde/mcp-browser@latest"
      ]
    }
  }
}

Tools

All available tools are listed in server/src/tools.ts.

get_current_page_markdown

Get the markdown from current browser browsing page.

example:

Summarize the current page.

append_style

Append a css style to the current browser browsing page.

example:

Change the current page to dark mode.

history_search

Search the browser history.

example:

Search the browser history for "github".

Roadmap

  • Publish the extension to extension store.
  • Write documentation.
  • Add more tools.

Build

bash
pnpm i

Extension

bash
cd extension

# chrome
npm run build

# edge
npm run build:edge

# firefox
npm run build:firefox

After building, the extension will be in the extension/.output directory.

Server

bash
cd server

# dev
npm run dev

# build
npm run build

server/dist/cli.js is the MCP server entry.

Contributing

Add a new tool

  1. Add the tool schema to the tools array in server/src/tools.ts.
  2. Add a extension callable handler in extension/calls.ts.
  3. Add a tool handler in server/src/tools.ts. Use the call function to call the extension handler.

License

AGPL-3.0-or-later

Installation

TypingMind
Prerequisites:

Node.js 18+

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

Use Browser MCP MCP with multiple AI models

TypingMind connects MCP tools at the workspace level, so once Browser MCP is connected, you can use it with different AI models in TypingMind instead of setting it up separately for each model. This MCP runs locally through the TypingMind MCP connector on your device.

Setup guide to use the local connector

Use this when the MCP server needs access to local files, apps, or private resources on your computer.

1

Open the MCP settings

In TypingMind, go to Settings, Advanced Settings, then Model Context Protocol and choose Setup Connector.

  1. Open TypingMind in your browser.
  2. Click the Settings icon.
  3. Go to Advanced Settings.
  4. Open the Model Context Protocol section.
  5. Click Setup Connector and choose This Device.
TypingMind MCP connector setup screen with This Device selected
2

Run the connector command

Choose This Device, copy the command from TypingMind, and run it in Terminal. Keep the process running while you use MCP.

  1. Copy the setup command shown by TypingMind.
  2. Open Terminal on macOS or Windows Terminal on Windows.
  3. Paste and run the command.
  4. Approve the package install if Terminal asks you to proceed.
  5. Keep the Terminal window running while using MCP tools.
3

Add Browser MCP as a server

When the connector status is Ready, click Edit Servers and paste the MCP server configuration.

  1. Wait until the connector status shows Ready.
  2. Click Edit Servers.
  3. Paste the Browser MCP MCP server configuration.
  4. Save the server list.
  5. Refresh if you want to confirm the connector is still ready.
TypingMind MCP settings showing active server and Edit Servers button
{
  "mcpServers": {
    "browser-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@djyde/browser-mcp"
      ]
    }
  }
}
4

Use it across models

Save the server list, open Plugins, enable the Browser MCP MCP tools, then select any supported AI model in TypingMind and use the tools in chat or assign them to an AI agent.

  1. Open the Plugins page in TypingMind.
  2. Enable the Browser MCP MCP tools.
  3. Start a chat and choose the AI model you want to use.
  4. Use the MCP tools in chat or assign them to an AI agent.
  5. Switch to another AI model whenever needed without reconnecting MCP.
TypingMind chat using enabled MCP tools with a selected AI model
Can you use Browser MCP to help me with this task?
Browser MCP
Sure. I read it.
Here is what I found using Browser MCP.

Frequently asked questions

What is the Browser MCP MCP server used for?

Browser MCP is an MCP server that lets compatible AI clients connect to external tools and context. In TypingMind, you can add this MCP server once and make its tools available in your AI workspace.

Can I use Browser MCP MCP with multiple AI models in TypingMind?

Yes. TypingMind connects MCP tools at the workspace level, so you can use Browser MCP with different AI models such as Claude, ChatGPT, Gemini, or other models you have configured in TypingMind without setting up the MCP server separately for each model.

Why use Browser MCP MCP with TypingMind?

TypingMind is one of the best frontends for LLM chat because it brings multiple AI models, prompts, plugins, AI agents, API keys, and MCP tools into one workspace. With Browser MCP connected, you can use its MCP tools across your preferred models while keeping your chat workflow organized in TypingMind.

How do I connect Browser MCP MCP to TypingMind?

Browser MCP runs through the TypingMind local MCP connector. This is best when the MCP server needs access to local files, desktop apps, command-line tools, or private resources on your computer.

What tools does Browser MCP MCP provide in TypingMind?

Browser MCP exposes MCP capabilities that can be enabled from the TypingMind Plugins page and used in chat or assigned to AI agents.

Do I need to share my API keys with TypingMind to use Browser MCP MCP?

No. TypingMind is local-first and lets you keep your model providers, API keys, prompts, and MCP configuration under your control. If Browser MCP requires authentication, add the required headers, OAuth settings, or local configuration for that MCP server when you create the connection.

Related MCP Servers

View all
mendableai logo

Firecrawl

mendableai
OrganizationPopular

🔥 The API to search, scrape, and interact with the web for AI

7.4K
119.6K
0 tools
View details
chromedevtools logo

Chrome DevTools

chromedevtools
OrganizationPopular

Chrome DevTools for coding agents

2.5K
39.5K
26 tools
View details
ChromeDevTools logo

Chrome DevTools MCP

ChromeDevTools
OrganizationPopular

Chrome DevTools for coding agents

2.5K
39.5K
0 tools
View details
microsoft logo

Playwright Browser Automation

microsoft
OrganizationPopular

Playwright MCP server

2.7K
32.5K
22 tools
View details

Set up your own AI workspace now

Get notified about new features and future giveaways by subscribing to our newsletter 👇