Enables dynamic styling of web pages by appending custom CSS, allowing modification of page appearance (like implementing dark mode) without reloading.
Supports integration with Firefox browser, providing tools for browser history searching and page interaction through a browser extension.
Mentioned in example queries for history search, suggesting the ability to find and work with previously visited GitHub pages in browser history.
Extracts and processes markdown content from the current browser page, allowing agents to summarize or work with the page's content in markdown format.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@browser-mcpsummarize the current page"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
browser-mcp
A browser extension and MCP server that allows you to interact with the browser you are using.
Usage
{
"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
pnpm iExtension
cd extension
# chrome
npm run build
# edge
npm run build:edge
# firefox
npm run build:firefoxAfter building, the extension will be in the extension/.output directory.
Server
cd server
# dev
npm run dev
# build
npm run buildserver/dist/cli.js is the MCP server entry.
Contributing
Add a new tool
Add the tool schema to the
toolsarray inserver/src/tools.ts.Add a extension callable handler in
extension/calls.ts.Add a tool handler in
server/src/tools.ts. Use thecallfunction to call the extension handler.
License
AGPL-3.0-or-later
This server cannot be installed
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.