Skip to content

Chrome MCP Server is a Chrome extension-based Model Context Protocol (MCP) server that exposes your Chrome browser functionality to AI assistants like Claude, enabling complex browser automation, content analysis, and semantic search.

License

Notifications You must be signed in to change notification settings

aaron13100/mcp-chrome

Β 
Β 

Repository files navigation

Chrome MCP Server πŸš€

License: MIT TypeScript Chrome Extension

🌟 Turn your Chrome browser into your intelligent assistant - Let AI take control of your browser, transforming it into a powerful AI-controlled automation tool.

πŸ“– Documentation: English | δΈ­ζ–‡


🎯 What is Chrome MCP Server?

Chrome MCP Server is a Chrome extension-based Model Context Protocol (MCP) server that exposes your Chrome browser functionality to AI assistants like Claude, enabling complex browser automation, content analysis, and semantic search. Unlike traditional browser automation tools (like Playwright), Chrome MCP Server directly uses your daily Chrome browser, leveraging existing user habits, configurations, and login states, allowing various large models or chatbots to take control of your browser and truly become your everyday assistant.

✨ Core Features

  • 😁 Chatbot/Model Agnostic: Let any LLM or chatbot client or agent you prefer automate your browser
  • ⭐️ Use Your Original Browser: Seamlessly integrate with your existing browser environment (your configurations, login states, etc.)
  • πŸ’» Fully Local: Pure local MCP server ensuring user privacy
  • πŸš„ Streamable HTTP: Streamable HTTP connection method
  • 🏎 Cross-Tab: Cross-tab context
  • 🧠 Semantic Search: Built-in vector database for intelligent browser tab content discovery
  • πŸ” Smart Content Analysis: AI-powered text extraction and similarity matching
  • 🌐 20+ Tools: Support for screenshots, network monitoring, interactive operations, bookmark management, browsing history, and 20+ other tools
  • πŸš€ SIMD-Accelerated AI: Custom WebAssembly SIMD optimization for 4-8x faster vector operations

πŸ†š Comparison with Similar Projects

Comparison Dimension Playwright-based MCP Server Chrome Extension-based MCP Server
Resource Usage ❌ Requires launching independent browser process, installing Playwright dependencies, downloading browser binaries, etc. βœ… No need to launch independent browser process, directly utilizes user's already open Chrome browser
User Session Reuse ❌ Requires re-login βœ… Automatically uses existing login state
Browser Environment ❌ Clean environment lacks user settings βœ… Fully preserves user environment
API Access ⚠️ Limited to Playwright API βœ… Full access to Chrome native APIs
Startup Speed ❌ Requires launching browser process βœ… Only needs to activate extension
Response Speed 50-200ms inter-process communication βœ… Faster

πŸš€ Quick Start

Prerequisites

  • Node.js 18+ and pnpm
  • Chrome/Chromium browser

Installation Steps

  1. Download the latest Chrome extension from GitHub

Download link: https://github.com/hangwin/mcp-chrome/releases

  1. Install mcp-chrome-bridge globally

npm

npm install -g mcp-chrome-bridge

pnpm

pnpm install -g mcp-chrome-bridge
  1. Load Chrome Extension
    • Open Chrome and go to chrome://extensions/
    • Enable "Developer mode"
    • Click "Load unpacked" and select your/dowloaded/extension/folder
    • Click the extension icon to open the plugin, then click connect to see the MCP configuration Screenshot 2025-06-09 15 52 06

Usage with Claude Desktop

Add the following configuration to Claude Desktop's MCP configuration:

{
  "mcpServers": {
    "streamable-mcp-server": {
      "type": "streamable-http",
      "url": "http://127.0.0.1:12306/mcp"
    }
  }
}

πŸ› οΈ Available Tools

Complete tool list: Complete Tool List

πŸ“Š Browser Management (4 tools)
  • get_windows_and_tabs - List all browser windows and tabs
  • chrome_navigate - Navigate to URLs and control viewport
  • chrome_close_tabs - Close specific tabs or windows
  • chrome_go_back_or_forward - Browser navigation control
πŸ“Έ Screenshots & Visual (1 tool)
  • chrome_screenshot - Advanced screenshot capture with element targeting, full-page support, and custom dimensions
🌐 Network Monitoring (4 tools)
  • chrome_network_capture_start/stop - webRequest API network capture
  • chrome_network_debugger_start/stop - Debugger API with response bodies
  • chrome_network_request - Send custom HTTP requests
πŸ” Content Analysis (3 tools)
  • search_tabs_content - AI-powered semantic search across browser tabs
  • chrome_get_web_content - Extract HTML/text content from pages
  • chrome_get_interactive_elements - Find clickable elements
🎯 Interaction (3 tools)
  • chrome_click_element - Click elements using CSS selectors
  • chrome_fill_or_select - Fill forms and select options
  • chrome_keyboard - Simulate keyboard input and shortcuts
πŸ“š Data Management (5 tools)
  • chrome_history - Search browser history with time filters
  • chrome_bookmark_search - Find bookmarks by keywords
  • chrome_bookmark_add - Add new bookmarks with folder support
  • chrome_bookmark_delete - Delete bookmarks

πŸ§ͺ Usage Examples

AI helps you summarize webpage content and automatically control Excalidraw for drawing

prompt: excalidraw-prompt Instruction: Help me summarize the current page content, then draw a diagram to aid my understanding.

use.chrome-mcp.to.summarize.web.content.and.then.draw.with.Excalidraw.mp4

AI automatically injects scripts and modifies webpage styles

prompt: modify-web-prompt Instruction: Help me modify the current page's style and remove advertisements.

use.chrome-mcp.to.modify.web.style.mp4

AI automatically captures network requests for you

query: I want to know what the search API for Xiaohongshu is and what the response structure looks like

rednote-low.mp4

AI helps analyze your browsing history

query: Analyze my browsing history from the past month

history.mp4

Web page conversation

query: Translate and summarize the current web page

webcontent.mp4

AI automatically takes screenshots for you (web page screenshots)

query: Take a screenshot of Hugging Face's homepage

screenshot_full.mp4

AI automatically takes screenshots for you (element screenshots)

query: Capture the icon from Hugging Face's homepage

screenshot_logo.mp4

AI helps manage bookmarks

query: Add the current page to bookmarks and put it in an appropriate folder

bookmark-low.mp4

Automatically close web pages

query: Close all shadcn-related web pages

close_tab.mp4

🀝 Contributing

We welcome contributions! Please see CONTRIBUTING.md for detailed guidelines.

🚧 Future Roadmap

We have exciting plans for the future development of Chrome MCP Server:

  • Authentication
  • Recording and Playback
  • Workflow Automation
  • Enhanced Browser Support (Firefox Extension)

Want to contribute to any of these features? Check out our Contributing Guide and join our development community!

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ“š More Documentation

About

Chrome MCP Server is a Chrome extension-based Model Context Protocol (MCP) server that exposes your Chrome browser functionality to AI assistants like Claude, enabling complex browser automation, content analysis, and semantic search.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 57.2%
  • JavaScript 32.0%
  • Vue 7.8%
  • Rust 1.0%
  • Shell 0.8%
  • Batchfile 0.6%
  • Other 0.6%