How to use MCP in the Web Browser (ChatGPT, Claude, DeepSeek & Gemini) with Web MCP Bridge A developer built Web MCP Bridge, an open-source Chrome extension paired with a Python WebSocket bridge that lets web-based AI chat interfaces such as ChatGPT, Claude.ai, Gemini and DeepSeek execute local Model Context Protocol tools. The extension monitors prompt contexts and handles tool-execution payloads, while the local WebSocket server relays them to MCP servers for tasks like running CLI commands, inspecting project files, querying databases and rendering 3D assets. Setup requires loading the unpacked extension in Chrome developer mode and running bridge.py from the server directory. How to use MCP in the Web Browser with Web MCP Bridge The Model Context Protocol MCP by Anthropic has revolutionized how LLMs interact with local environments, databases, and custom developer tooling. However, there has been a major limitation: native MCP capabilities were largely tied to desktop apps like Claude Desktop or Cursor. If you primarily rely on the free or web interfaces of ChatGPT, Claude.ai, Google Gemini, or DeepSeek, accessing your local machine's context has been a challenge. To bridge this gap, I built Web MCP Bridgeโ€”an open-source Chrome extension and Python WebSocket bridge that brings true local MCP execution directly into web-based AI chat interfaces. ๐Ÿ› ๏ธ The Architecture: How It Works Web MCP Bridge establishes a real-time, low-latency link between your web browser and your local OS environment: Web Browser ChatGPT / Claude / Gemini โ”‚ โ–ผ Extension Injector Local WebSocket Bridge Python / Node โ”‚ โ–ผ Standard Input/Output / MCP Protocol Local MCP Servers Filesystem, Terminal, Databases, 3D Renderers The Chrome Extension: Monitors prompt contexts and handles tool execution payload blocks. The Local WebSocket Server: Runs lightweight background processes on your machine. Your MCP Servers: Execute your local scripts, inspect files, or manage database transactions securely. โšก What Can You Do With It? By extending web AIs with local machine access, you can run developer workflows like: ๐Ÿ’ป Run local CLI & PowerShell commands directly from a web prompt. ๐Ÿ“ Inspect project file structures and sync code context with web LLMs. ๐Ÿ—„๏ธ Query local databases SQLite, MySQL, PostgreSQL safely. ๐ŸŽจ Render 3D assets & scripts e.g., OpenSCAD on-the-fly. ๐Ÿค– Automate local OS tasks without leaving the browser interface. ๐Ÿš€ Quick Setup Guide Getting up and running takes less than a minute: Enable Developer mode top right toggle . Click Load unpacked and select the extension directory from the cloned repo. Bash cd server python bridge.py Once connected, your web chat interface will instantly recognize your registered local MCP tools. ๐Ÿ“ฝ๏ธ Demo & Walkthrough Check out the step-by-step video setup and live demonstration: โ–ถ๏ธ Watch the Demo Video on YouTube https://www.youtube.com/watch?v=LDNciZso7IU ๐Ÿค Open Source & Contributions Web MCP Bridge is completely free and open-source. Whether you want to add support for additional web AI providers, build custom local MCP modules, or optimize the WebSocket bridge, contributions are welcome โญ๏ธ GitHub Repo: AstraxOf/web-mcp-bridge https://github.com/AstraxOf/web-mcp-bridge Let me know in the comments below: What local tools or workflows would you like to connect to your web AI chats?