A browser extension that enables MCP (Model Control Protocol) capabilities in Claude.ai, allowing you to connect Claude to external tools and services directly from the browser. This enables functionality that's already existing in claude.ai but not enabled.
- Connect Claude.ai to MCP-compatible servers
- Manage multiple server connections
- Configure environment variables and command-line arguments
- Debug logging options
- Dark mode support
- Clone this repository
git clone https://github.com/dnakov/claude-mcp.git
cd claude-mcp- Install dependencies
npm install
# or
pnpm install- Build the extension
npm run build
# or
pnpm build- Load the extension in your browser:
Chrome/Edge:
- Go to
chrome://extensions/ - Enable "Developer mode"
- Click "Load unpacked"
- Select the
distfolder from this repository
Firefox:
- Go to
about:debugging#/runtime/this-firefox - Click "Load Temporary Add-on"
- Select the
manifest.jsonfile from thedistfolder
-
Click on the extension icon in your browser toolbar when on claude.ai
-
Add a new MCP server connection with the following details:
- Name: A friendly name for the server
- URL: The endpoint URL for the MCP server
- Command (optional): The command to execute on the server
- Arguments (optional): Command-line arguments
- Environment Variables (optional): Key-value pairs for environment configuration
-
Once configured, the extension will establish connections to your MCP servers when you visit Claude.ai
-
Claude will be able to use the tools provided by your MCP servers during conversations
- Run in development mode with hot reloading:
npm run dev
# or
pnpm devThe extension uses a Server-Sent Events (SSE) connection to communicate with MCP servers. It consists of:
- A background script that manages storage and extension state
- Content scripts that inject MCP capabilities into Claude.ai
- An isolated content script for secure communication between contexts
- A popup UI for server management
