A browser extension and MCP server that allows you to interact with the browser you are using.
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": [
"@djyde/mcp-browser@latest"
]
}
}
}All available tools are listed in server/src/tools.ts.
Get the markdown from current browser browsing page.
example:
Summarize the current page.
Append a css style to the current browser browsing page.
example:
Change the current page to dark mode.
Search the browser history.
example:
Search the browser history for "github".
- Publish the extension to extension store.
- Write documentation.
- Add more tools.
pnpm icd 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.
cd server
# dev
npm run dev
# build
npm run buildserver/dist/cli.js is the MCP server entry.
- 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.
AGPL-3.0-or-later