loading…
Search for a command to run...
loading…
An MCP bridge server that allows AI tools to call functions and execute code directly within a web browser tab. It enables developers to register custom browser
An MCP bridge server that allows AI tools to call functions and execute code directly within a web browser tab. It enables developers to register custom browser-side tools with full access to the DOM, web APIs, and local application state.
MCP server that lets AI tools call functions running in your browser.
The daemon sits between any MCP client and your browser tab. It speaks JSON-RPC over stdio on one side and WebSocket on the other. Your browser app connects, registers tools, and the AI can call them.
Claude Code:
claude mcp add --transport stdio bifrost -- npx @businessmaps/bifrost --no-auth
Claude Desktop - add to ~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": {
"bifrost": {
"command": "npx",
"args": ["@businessmaps/bifrost", "--no-auth"]
}
}
}
Cursor - add to .cursor/mcp.json:
{
"mcpServers": {
"bifrost": {
"command": "npx",
"args": ["@businessmaps/bifrost", "--no-auth"]
}
}
}
No install needed. npx downloads and runs the package automatically.
npm i @businessmaps/bifrost-browser
Or via CDN:
<script src="https://unpkg.com/@businessmaps/bifrost-browser"></script>
TypeScript types are included.
import { BifrostBrowser } from "@businessmaps/bifrost-browser";
const bridge = new BifrostBrowser({ port: 3099 });
bridge.registerTools([
{
name: "get_page_title",
description: "Returns the page title",
inputSchema: { type: "object", properties: {} },
handler: async () => document.title,
},
{
name: "get_selection",
description: "Returns the user's current text selection",
inputSchema: { type: "object", properties: {} },
handler: async () => window.getSelection().toString(),
},
]);
bridge.connect();
That's it. The AI can now call get_page_title and get_selection in your browser tab. Handlers have full access to DOM, Canvas, IndexedDB, Clipboard, fetch, etc.
By default the daemon generates a random token on startup. Two ways to get it:
bifrost_connection_info tool to get the token, then tells you what to paste into your appPass the token to the client:
const bridge = new BifrostBrowser({ port: 3099, token: "TOKEN" });
Skip auth entirely with --no-auth during local development.
Each tab registers its own tools. Calls route to whoever owns the tool. Disconnecting a tab removes its tools.
--port <port> WebSocket port (default: 3099)
--timeout <secs> Tool call timeout (default: 120)
--no-auth Disable token auth (dev only)
--help, -h Show this message
--version, -v Show version
git clone https://github.com/Business-Maps/bifrost.git && cd bifrost
npm install
npm test
Architecture · Client API · Contributing
Apache 2.0
Добавь это в claude_desktop_config.json и перезапусти Claude Desktop.
{
"mcpServers": {
"businessmaps-mcp": {
"command": "npx",
"args": []
}
}
}