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.
Files changed (2) hide show
  1. package/README.md +65 -0
  2. 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.2",
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 --git.commit --git.push --git.tag --git.tagName='v${version}' --github.release --github.releaseNotes='echo \"Release ${version}\"' --no-git.requireCleanWorkingDir --no-git.requireUpstream --npm.publish --npm.skipChecks",
46
- "release:minor": "release-it minor --ci -VV --git.commit --git.push --git.tag --git.tagName='v${version}' --github.release --github.releaseNotes='echo \"Release ${version}\"' --no-git.requireCleanWorkingDir --no-git.requireUpstream --npm.publish --npm.skipChecks",
47
- "release:major": "release-it major --ci -VV --git.commit --git.push --git.tag --git.tagName='v${version}' --github.release --github.releaseNotes='echo \"Release ${version}\"' --no-git.requireCleanWorkingDir --no-git.requireUpstream --npm.publish --npm.skipChecks",
48
- "mcpb:pack": "mkdir -p .mcpb && mcpb pack && mv browser-devtools-mcp.mcpb .mcpb/browser-devtools.mcpb"
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/",