1
0
Fork 0
claude-code-complete-agent/browser/playwright-mcp-setup.md
Kjell Tore Guttormsen 2491f5c732 feat: initial companion repo for OpenClaw vs Claude Code article
40 files demonstrating every major OpenClaw capability using Claude Code:
- 3 agents (researcher, writer, reviewer)
- 3 skills (daily-briefing, slack-message, web-research)
- 2 security hooks (pre-tool-use blocker, post-tool-use logger)
- 10 self-contained examples with copy-paste prompts
- Complete feature map (20 capabilities, 11 full match, 7 different, 2 gap)
- Security docs including NemoClaw comparison
- Automation, messaging, browser, memory documentation

Zero dependencies. Clone and run.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-26 09:47:29 +01:00

50 lines
1.3 KiB
Markdown

# Playwright MCP Setup
## 1. Enable in .mcp.json
The `.mcp.json` in this repo already has Playwright configured but disabled.
To enable, change `"disabled": true` to `"disabled": false`:
```json
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["-y", "@playwright/mcp"],
"disabled": false
}
}
}
```
## 2. Requirements
Node.js must be installed. The server runs via `npx` and downloads automatically
on first use. No separate install step needed.
## 3. Available tools
Once enabled, Claude has access to:
| Tool | Description |
|-------------|--------------------------------------------|
| `navigate` | Go to a URL |
| `screenshot`| Capture the current page |
| `click` | Click an element |
| `type` | Type text into a field |
| `snapshot` | Get accessibility tree (faster than screenshot) |
## 4. Example usage
```
Go to https://example.com, take a screenshot, and tell me what's on the page
```
```
Fill out the login form at https://myapp.com with username "test" and password "test"
```
## 5. Headless vs headed
By default Playwright runs headless. To see the browser window, add `--headed`
to the args array in `.mcp.json`.