@mcp-b/chrome-devtools-mcp 1.0.0 → 1.0.1
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 +45 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -462,26 +462,62 @@ If you run into any issues, checkout our [troubleshooting guide](./docs/troubles
|
|
|
462
462
|
|
|
463
463
|
## Prompts
|
|
464
464
|
|
|
465
|
-
The server includes built-in prompts to help with WebMCP development workflows
|
|
465
|
+
The server includes built-in prompts to help with WebMCP development workflows. Prompts are reusable message templates that guide AI agents through common tasks.
|
|
466
466
|
|
|
467
467
|
| Prompt | Description |
|
|
468
468
|
|--------|-------------|
|
|
469
|
-
| `webmcp-dev-workflow` |
|
|
470
|
-
| `test-webmcp-tool` | Systematically test
|
|
471
|
-
| `debug-webmcp` |
|
|
469
|
+
| `webmcp-dev-workflow` | Step-by-step guide for building WebMCP tools with AI |
|
|
470
|
+
| `test-webmcp-tool` | Systematically test tools with edge cases and validation |
|
|
471
|
+
| `debug-webmcp` | Diagnose WebMCP connection and registration issues |
|
|
472
472
|
|
|
473
|
-
###
|
|
473
|
+
### webmcp-dev-workflow
|
|
474
474
|
|
|
475
|
-
|
|
475
|
+
Guides you through the AI-driven development workflow for building and testing WebMCP tools.
|
|
476
476
|
|
|
477
|
+
**When to use:** Starting a new WebMCP tool and want step-by-step guidance through the write → hot-reload → discover → test → iterate cycle.
|
|
478
|
+
|
|
479
|
+
**Arguments:** None
|
|
480
|
+
|
|
481
|
+
**Example:**
|
|
482
|
+
```
|
|
483
|
+
Use the webmcp-dev-workflow prompt to help me build a search tool
|
|
484
|
+
```
|
|
485
|
+
|
|
486
|
+
### test-webmcp-tool
|
|
487
|
+
|
|
488
|
+
Systematically test a WebMCP tool with various inputs including valid data, edge cases, and invalid inputs.
|
|
489
|
+
|
|
490
|
+
**When to use:** You have a tool ready and want to verify it handles all input scenarios correctly.
|
|
491
|
+
|
|
492
|
+
**Arguments:**
|
|
493
|
+
|
|
494
|
+
| Argument | Type | Required | Description |
|
|
495
|
+
|----------|------|----------|-------------|
|
|
496
|
+
| `toolName` | string | No | Focus testing on a specific tool |
|
|
497
|
+
| `devServerUrl` | string | No | Dev server URL (default: `http://localhost:3000`) |
|
|
498
|
+
|
|
499
|
+
**Examples:**
|
|
477
500
|
```
|
|
478
|
-
Use the webmcp-
|
|
501
|
+
Use the test-webmcp-tool prompt
|
|
502
|
+
Use the test-webmcp-tool prompt with toolName=search_products
|
|
503
|
+
Use the test-webmcp-tool prompt with devServerUrl=http://localhost:5173 toolName=add_to_cart
|
|
479
504
|
```
|
|
480
505
|
|
|
481
|
-
|
|
506
|
+
### debug-webmcp
|
|
507
|
+
|
|
508
|
+
Troubleshoot WebMCP connection issues and diagnose why tools aren't appearing or working.
|
|
509
|
+
|
|
510
|
+
**When to use:** Tools aren't being discovered, connections are failing, or you see "WebMCP not detected" errors.
|
|
511
|
+
|
|
512
|
+
**Arguments:**
|
|
513
|
+
|
|
514
|
+
| Argument | Type | Required | Description |
|
|
515
|
+
|----------|------|----------|-------------|
|
|
516
|
+
| `url` | string | No | Page URL to debug (default: current page) |
|
|
482
517
|
|
|
518
|
+
**Example:**
|
|
483
519
|
```
|
|
484
|
-
Use the
|
|
520
|
+
Use the debug-webmcp prompt with url=http://localhost:3000
|
|
485
521
|
```
|
|
486
522
|
|
|
487
523
|
## Configuration
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mcp-b/chrome-devtools-mcp",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "MCP server for Chrome DevTools with WebMCP integration",
|
|
5
5
|
"homepage": "https://github.com/WebMCP-org/npm-packages/tree/main/packages/chrome-devtools-mcp#readme",
|
|
6
6
|
"bugs": {
|