browser-devtools-mcp 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +65 -0
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -1223,6 +1223,71 @@ This server enables AI assistants to:
|
|
|
1223
1223
|
9. Extract content using `content_get-as-html` or `content_get-as-text`
|
|
1224
1224
|
10. Save the page as PDF using `content_save-as-pdf` for documentation
|
|
1225
1225
|
|
|
1226
|
+
## Plugins
|
|
1227
|
+
|
|
1228
|
+
Browser DevTools MCP is available as a plugin for various AI coding assistants.
|
|
1229
|
+
|
|
1230
|
+
### Claude Code
|
|
1231
|
+
|
|
1232
|
+
A dedicated Claude Code plugin is available with slash commands, skills, and agents for browser automation and testing.
|
|
1233
|
+
|
|
1234
|
+
#### Installation
|
|
1235
|
+
|
|
1236
|
+
```bash
|
|
1237
|
+
# Add the marketplace
|
|
1238
|
+
/plugin marketplace add https://github.com/serkan-ozal/browser-devtools-mcp
|
|
1239
|
+
|
|
1240
|
+
# Install the plugin
|
|
1241
|
+
/plugin install browser-devtools-mcp@browser-devtools
|
|
1242
|
+
```
|
|
1243
|
+
|
|
1244
|
+
#### Features
|
|
1245
|
+
|
|
1246
|
+
**Slash Commands (29 commands):**
|
|
1247
|
+
- Navigation: `/browse`, `/back`, `/forward`, `/reload`
|
|
1248
|
+
- Content: `/screenshot`, `/html`, `/text`, `/pdf`
|
|
1249
|
+
- Interaction: `/click`, `/fill`, `/hover`, `/keypress`, `/select`, `/drag`, `/scroll`, `/resize`
|
|
1250
|
+
- Debugging: `/console`, `/network`, `/webvitals`, `/react`
|
|
1251
|
+
- Observability: `/trace`, `/otel`
|
|
1252
|
+
- Testing: `/mock`, `/intercept`, `/wait`
|
|
1253
|
+
- Accessibility: `/accessibility`
|
|
1254
|
+
- Design: `/figma`
|
|
1255
|
+
- Execution: `/run-js`, `/sandbox`
|
|
1256
|
+
|
|
1257
|
+
**Skills (5 skills):**
|
|
1258
|
+
- `browser-testing` - General browser test capabilities
|
|
1259
|
+
- `web-debugging` - Console, network, JS debugging
|
|
1260
|
+
- `performance-audit` - Web Vitals and performance analysis
|
|
1261
|
+
- `visual-testing` - Visual testing and responsive design
|
|
1262
|
+
- `observability` - Distributed tracing and monitoring
|
|
1263
|
+
|
|
1264
|
+
**Agents (5 agents):**
|
|
1265
|
+
- `qa-tester` - Automated QA testing agent
|
|
1266
|
+
- `accessibility-auditor` - WCAG compliance auditor
|
|
1267
|
+
- `performance-analyzer` - Performance analysis agent
|
|
1268
|
+
- `scraper` - Web scraping agent
|
|
1269
|
+
- `design-qa` - Figma design QA agent
|
|
1270
|
+
|
|
1271
|
+
#### Configuration
|
|
1272
|
+
|
|
1273
|
+
The plugin can be configured via environment variables. See [CONFIG.md](plugins/claude/CONFIG.md) for all available options.
|
|
1274
|
+
|
|
1275
|
+
Example configuration in `~/.claude/settings.json`:
|
|
1276
|
+
|
|
1277
|
+
```json
|
|
1278
|
+
{
|
|
1279
|
+
"mcpServers": {
|
|
1280
|
+
"browser-devtools": {
|
|
1281
|
+
"command": "npx",
|
|
1282
|
+
"args": ["-y", "browser-devtools-mcp@latest"],
|
|
1283
|
+
"env": {
|
|
1284
|
+
"BROWSER_HEADLESS_ENABLE": "false"
|
|
1285
|
+
}
|
|
1286
|
+
}
|
|
1287
|
+
}
|
|
1288
|
+
}
|
|
1289
|
+
```
|
|
1290
|
+
|
|
1226
1291
|
## Contributing
|
|
1227
1292
|
|
|
1228
1293
|
Contributions are welcome! Please feel free to submit a Pull Request.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "browser-devtools-mcp",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "MCP Server for Browser Dev Tools",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "commonjs",
|
|
@@ -42,10 +42,10 @@
|
|
|
42
42
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
43
43
|
"lint:check": "prettier --config .prettierrc.json --check ./src/*.ts ./src/**/*.ts ./src/**/**/*.ts ./src/**/**/**/*.ts",
|
|
44
44
|
"lint:format": "prettier --config .prettierrc.json --write ./src/*.ts ./src/**/*.ts ./src/**/**/*.ts ./src/**/**/**/*.ts",
|
|
45
|
-
"release:patch": "release-it --ci -VV
|
|
46
|
-
"release:minor": "release-it minor --ci -VV
|
|
47
|
-
"release:major": "release-it major --ci -VV
|
|
48
|
-
"mcpb:pack": "
|
|
45
|
+
"release:patch": "release-it --ci -VV",
|
|
46
|
+
"release:minor": "release-it minor --ci -VV",
|
|
47
|
+
"release:major": "release-it major --ci -VV",
|
|
48
|
+
"mcpb:pack": "mcpb pack"
|
|
49
49
|
},
|
|
50
50
|
"files": [
|
|
51
51
|
"dist/",
|