JS

claude-mcp

by dnakov/claude-mcp

0 views

Browser extension to enable MCP in claude.ai

javascriptintegrationAPI Integration

MCP for Claude.ai

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.

Screenshot 2025-04-12 at 3 53 10 PM Screenshot 2025-04-12 at 3 53 33 PM

Features

  • Connect Claude.ai to MCP-compatible servers
  • Manage multiple server connections
  • Configure environment variables and command-line arguments
  • Debug logging options
  • Dark mode support

Installation

From Source

  1. Clone this repository
git clone https://github.com/dnakov/claude-mcp.git
cd claude-mcp
  1. Install dependencies
npm install
# or
pnpm install
  1. Build the extension
npm run build
# or 
pnpm build
  1. Load the extension in your browser:

Chrome/Edge:

  • Go to chrome://extensions/
  • Enable "Developer mode"
  • Click "Load unpacked"
  • Select the dist folder from this repository

Firefox:

  • Go to about:debugging#/runtime/this-firefox
  • Click "Load Temporary Add-on"
  • Select the manifest.json file from the dist folder

Usage

  1. Click on the extension icon in your browser toolbar when on claude.ai

  2. 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
  3. Once configured, the extension will establish connections to your MCP servers when you visit Claude.ai

  4. Claude will be able to use the tools provided by your MCP servers during conversations

Development

  • Run in development mode with hot reloading:
npm run dev
# or
pnpm dev

Technical Details

The 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

License

MIT License

Install

No configuration available
For more configuration details, refer to the content on the left

Related

Related projects feature coming soon

Will recommend related projects based on sub-categories