npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

chrome-devtools-advanced-mcp

v1.0.0

Published

Cross-platform Chrome MCP with real-time request interception, response modification, network capture, HAR recording/replay, accessibility testing, anti-detection, and 91 tools. Includes smart workflows for common tasks. Works on Windows, Mac, and Linux.

Readme

Custom Chrome MCP Server

Your Intelligent Bridge Between AI and the Browser.

This Model Context Protocol (MCP) server enables AI assistants like Claude, Roo Code, or Windsurf to interact with Google Chrome in a natural, powerful, and stealthy way. Unlike other automation tools, this solution connects to your actual browser profile, allowing you to use your existing login sessions, cookies, and extensions without detection.


✨ Why Use This?

  • 🕵️ "Human" Navigation: Uses your real Chrome profile. If you're logged into LinkedIn, Gmail, or your corporate ERP, your AI assistant is too.
  • 🛡️ Undetectable: Advanced "Shadow Profile" technology prevents browser automation blocking on complex sites.
  • 🛠️ Robust Toolset: Over 40+ specialized tools optimized for data scraping, specific element extraction, and visual analysis.
  • ⚡ Fast & Safe: Safely executes scripts and screenshots, with intelligent output truncation to prevent crashing your AI context.

🚀 Quick Installation

For Users (VS Code / Roo Code / Claude Desktop)

Simply add this to your mcp.json configuration file:

{
  "mcpServers": {
    "chrome-devtools-advanced-mcp": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-advanced-mcp", "--port=9223"]
    }
  }
}

Restart your assistant (Ctrl+R in VS Code), and you'll have instant access.


💡 Simplified Usage Guide

1. Launch the Browser

First, ask your AI:

"Launch Chrome with my default profile"

This triggers launch_chrome_with_profile, creating a controllable Chrome instance without closing your other windows.

2. Navigate & Analyze

You can ask:

  • "Go to amazon.com and search for laptops"
  • "Analyze the HTML of the login form" (Uses optimized get_html)
  • "Take a screenshot of the pricing table"

3. Interact

The AI can click, type, and fill forms intelligently, waiting for elements to load automatically.


🛠️ Tool List

🎭 Browser & Session Control

| Tool | Description | |------|-------------| | launch_chrome_with_profile | Start Here! Launches Chrome with your cookies/extensions. | | browser_action | Navigate, reload, go back/forward. | | manage_tabs | Create, close, switch, or list tabs. | | close_browser | Safely closes the controlled session. |

🔍 Analysis & Extraction

| Tool | Description | |------|-------------| | get_html | Critical. Extracts simplified or full HTML. Supports selectors. | | screenshot | Captures visual proof (png/jpeg). | | get_page_metrics | Layout and viewport analysis. | | get_accessibility_tree | See the page structure as screen readers do. |

🖱️ Interaction

| Tool | Description | |------|-------------| | perform_interaction | Click, Type, Hover, Drag & Drop with auto-wait. | | execute_script | Run custom JavaScript safely (requires return). | | extract_element_data | Get specific text or attributes from elements. | | set_viewport | Resize window for responsive testing. |

🛡️ Anti-Detection & Privacy

| Tool | Description | |------|-------------| | enable_stealth_mode | Hides automation flags. | | set_user_agent | Spoof device/browser identity. | | set_geolocation | Mock GPS coordinates. | | set_timezone | Change browser timezone. |

📡 Network (Advanced)

| Tool | Description | |------|-------------| | capture_network_on_action | Record traffic while performing an action. | | resend_network_request | Replay captured API calls. | | start_har_recording | Save full network logs (HAR format). | | monitor_websocket_messages | Listen to socket traffic. |

🍪 Storage & Cookies

| Tool | Description | |------|-------------| | get_cookies / set_cookie | Manage browser cookies. | | get_local_storage | Read/Write local storage data. | | export_session | Save current session state to file. |


❓ FAQ

Do I need to close my Chrome? No! Thanks to "Shadow Profile" technology, this server creates a temporary safe clone of your profile. You can keep browsing normally while the AI works in parallel.

Does it work on Mac/Linux? Yes, it is fully cross-platform.

I see "Tool disabled by user" error This is a VS Code security feature.

  1. Reload VS Code (Ctrl+R).
  2. When the AI tries to use a tool again, click "Always Allow" on the popup.

👨‍💻 For Developers

To contribute or run locally:

git clone https://github.com/Eddym06/devTools-Advance-mcp.git
cd custom-chrome-mcp
npm install
npm run build
npm start

Developed with ❤️ by @eddym06