Claude Chrome MCP

Claude Chrome MCP

Enables browser automation through the Claude Chrome Extension, allowing agents to navigate websites, fill forms, take screenshots, and debug web apps via standard MCP protocols.

Category
Visit Server

README

Claude Chrome MCP

MCP server for browser automation via the Claude Chrome Extension.

This project integrates with Anthropic's Claude Chrome Extension using the standard Chrome Native Messaging protocol to provide browser automation capabilities to MCP clients.

Quick Start

1. Install Claude Browser Extension

Install from claude.com/chrome or the Chrome Web Store

2. Install MCP Server

# Install from GitHub
bun install -g git+https://github.com/nonsleepr/claude-chrome-mcp.git

# OR clone and install locally
git clone https://github.com/nonsleepr/claude-chrome-mcp.git
cd claude-chrome-mcp
bun install
bun run build
bun link

3. Register Native Host

# Install (secure by default - auto-generates auth token)
claude-chrome-mcp --install

# Restart Chrome completely

After installation, your authentication token is displayed. Retrieve it anytime with:

claude-chrome-mcp --status

4. Configure MCP Client

Use the token from installation output or --status command.

OpenCode (~/.config/opencode/opencode.json):

{
  "mcp": {
    "chrome": {
      "type": "remote",
      "url": "http://localhost:3456/mcp",
      "enabled": true,
      "headers": {
        "Authorization": "Bearer YOUR_AUTO_GENERATED_TOKEN_HERE"
      }
    }
  }
}

Claude Desktop / Generic MCP Client (claude_desktop_config.json):

{
  "mcpServers": {
    "chrome": {
      "transport": {
        "type": "http",
        "url": "http://localhost:3456/mcp",
        "headers": {
          "Authorization": "Bearer YOUR_AUTO_GENERATED_TOKEN_HERE"
        }
      }
    }
  }
}

Configuration

Run claude-chrome-mcp --help for detailed configuration options including custom tokens, ports, CORS origins, and security settings.

Insecure Mode (Local Development Only)

claude-chrome-mcp --install --insecure

WARNING: Anyone with localhost access can control your browser.

Client config without auth:

{
  "mcp": {
    "chrome": {
      "type": "remote",
      "url": "http://localhost:3456/mcp",
      "enabled": true
    }
  }
}

What Your Agent Can Do

  • Browse and research - navigate websites, read content, extract text
  • Fill out forms - enter text, select dropdowns, click buttons
  • Interact naturally - click, scroll, type, keyboard shortcuts
  • Search pages semantically - find elements by description (requires Claude subscription)
  • Debug web apps - read console logs, inspect network requests, run JavaScript
  • Capture and share - screenshots, record workflows as animated GIFs
  • Manage tabs - open, switch, resize

Troubleshooting

Check status and view token:

claude-chrome-mcp --status

Port already in use:

# Find what's using the port
lsof -i :3456  # Mac/Linux
netstat -ano | findstr :3456  # Windows

# OR install with different port
claude-chrome-mcp --install --port 8080

Connection issues:

  1. Restart Chrome completely after installation
  2. Check extension is installed at chrome://extensions
  3. Verify manifest exists: ~/.config/chromium/NativeMessagingHosts/

License

MIT License - see LICENSE

Attribution

This MCP server provides integration with Anthropic's Claude Chrome Extension using standard Chrome Native Messaging protocols. The extension itself is a separate product developed by Anthropic, available at claude.com/chrome.

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured