You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
`chrome-devtools-mcp` lets your coding agent (such as Gemini, Claude, Cursor or Copilot)
5
+
> **Note:** This is an **unofficial community-maintained fork** of the original Chrome DevTools MCP server, enhanced and modified by the **NIMBUS21 Team**. This package is not affiliated with or endorsed by Google or the Chrome DevTools team.
6
+
7
+
## 🚀 Powered by NIMBUS21
8
+
9
+
This enhanced version is brought to you by **[NIMBUS21](https://nimbus21.com)** - a leading technology innovation company specializing in AI-powered automation, browser automation solutions, and enterprise software development. Visit [nimbus21.ai](https://nimbus21.ai) to explore our cutting-edge AI tools, automation platforms, and developer services.
10
+
11
+
**NIMBUS21** delivers advanced browser automation frameworks, intelligent testing solutions, and AI-driven development tools for modern web applications. Our expertise in Chrome automation, DevTools integration, and Model Context Protocol (MCP) implementations helps developers and enterprises build more reliable, performant, and intelligent software solutions.
12
+
13
+
---
14
+
15
+
`@nimbus21.ai/chrome-devtools-mcp` lets your coding agent (such as Gemini, Claude, Cursor or Copilot)
6
16
control and inspect a live Chrome browser. It acts as a Model-Context-Protocol
7
17
(MCP) server, giving your AI coding assistant access to the full power of
8
18
Chrome DevTools for reliable automation, in-depth debugging, and performance analysis.
@@ -42,14 +52,14 @@ Add the following config to your MCP client:
> Using `chrome-devtools-mcp@latest` ensures that your MCP client will always use the latest version of the Chrome DevTools MCP server.
61
+
> [!NOTE]
62
+
> Using `@nimbus21.ai/chrome-devtools-mcp@latest` ensures that your MCP client will always use the latest version of the NIMBUS21-enhanced Chrome DevTools MCP server.
53
63
54
64
### MCP Client configuration
55
65
@@ -58,7 +68,7 @@ Add the following config to your MCP client:
58
68
Use the Claude Code CLI to add the Chrome DevTools MCP server (<a href="https://docs.anthropic.com/en/docs/claude-code/mcp">guide</a>):
59
69
60
70
```bash
61
-
claude mcp add chrome-devtools npx chrome-devtools-mcp@latest
71
+
claude mcp add chrome-devtools npx @nimbus21.ai/chrome-devtools-mcp@latest
62
72
```
63
73
64
74
</details>
@@ -74,7 +84,7 @@ claude mcp add chrome-devtools npx chrome-devtools-mcp@latest
74
84
using the standard config from above. You can also install the Chrome DevTools MCP server using the Codex CLI:
@@ -135,7 +145,7 @@ Configure the following fields and press `CTR-S` to save the configuration:
135
145
136
146
**Click the button to install:**
137
147
138
-
[<imgsrc="https://cursor.com/deeplink/mcp-install-dark.svg"alt="Install in Cursor">](https://cursor.com/en/install-mcp?name=chrome-devtools&config=eyJjb21tYW5kIjoibnB4IC15IGNocm9tZS1kZXZ0b29scy1tY3BAbGF0ZXN0In0%3D)
148
+
[<imgsrc="https://cursor.com/deeplink/mcp-install-dark.svg"alt="Install in Cursor">](https://cursor.com/en/install-mcp?name=chrome-devtools&config=eyJjb21tYW5kIjoibnB4IC15IEBuaW1idXMyMS5haS9jaHJvbWUtZGV2dG9vbHMtbWNwQGxhdGVzdCJ9)
139
149
140
150
**Or install manually:**
141
151
@@ -150,13 +160,13 @@ Install the Chrome DevTools MCP server using the Gemini CLI.
gemini mcp add -s user chrome-devtools npx chrome-devtools-mcp@latest
169
+
gemini mcp add -s user chrome-devtools npx @nimbus21.ai/chrome-devtools-mcp@latest
160
170
```
161
171
162
172
Alternatively, follow the <ahref="https://github.com/google-gemini/gemini-cli/blob/main/docs/tools/mcp-server.md#how-to-set-up-your-mcp-server">MCP guide</a> and use the standard config from above.
@@ -182,7 +192,7 @@ The same way chrome-devtools-mcp can be configured for JetBrains Junie in `Setti
182
192
183
193
**Click the button to install:**
184
194
185
-
[<imgsrc="https://img.shields.io/badge/Visual_Studio-Install-C16FDE?logo=visualstudio&logoColor=white"alt="Install in Visual Studio">](https://vs-open.link/mcp-install?%7B%22name%22%3A%22chrome-devtools%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22chrome-devtools-mcp%40latest%22%5D%7D)
195
+
[<imgsrc="https://img.shields.io/badge/Visual_Studio-Install-C16FDE?logo=visualstudio&logoColor=white"alt="Install in Visual Studio">](https://vs-open.link/mcp-install?%7B%22name%22%3A%22chrome-devtools%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22@nimbus21.ai/chrome-devtools-mcp%40latest%22%5D%7D)
186
196
</details>
187
197
188
198
<details>
@@ -301,7 +311,7 @@ Pass them via the `args` property in the JSON configuration. For example:
301
311
"chrome-devtools": {
302
312
"command": "npx",
303
313
"args": [
304
-
"chrome-devtools-mcp@latest",
314
+
"@nimbus21.ai/chrome-devtools-mcp@latest",
305
315
"--channel=canary",
306
316
"--headless=true",
307
317
"--isolated=true"
@@ -311,7 +321,7 @@ Pass them via the `args` property in the JSON configuration. For example:
311
321
}
312
322
```
313
323
314
-
You can also run `npx chrome-devtools-mcp@latest --help` to see all available configuration options.
324
+
You can also run `npx @nimbus21.ai/chrome-devtools-mcp@latest --help` to see all available configuration options.
0 commit comments