Skip to content

Commit 567cc4e

Browse files
macOS26claude
andcommitted
Add Playwright setup guide to README
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 32937c1 commit 567cc4e

File tree

1 file changed

+59
-0
lines changed

1 file changed

+59
-0
lines changed

README.md

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,42 @@ Work on multiple tasks simultaneously. Each tab has its own project folder and c
9292
### 📸 Screenshot & Vision
9393
Take screenshots or paste images. Vision-capable AI models analyze what they see -- describe content, read text, spot UI issues.
9494

95+
### 🎭 Playwright Web Automation (Optional)
96+
97+
Full cross-browser automation via [Microsoft Playwright MCP](https://github.com/microsoft/playwright-mcp). Click, type, screenshot, and navigate any website in Chrome, Firefox, or WebKit -- all controlled by the AI.
98+
99+
**Setup (one-time):**
100+
101+
```bash
102+
# 1. Install Node.js (if not already installed)
103+
brew install node
104+
105+
# 2. Install Playwright MCP server globally
106+
npm install -g @playwright/mcp@latest
107+
108+
# 3. Install browser binaries
109+
npx playwright install chromium
110+
```
111+
112+
**Configure in Agent!:**
113+
114+
Go to Settings → MCP Servers → Add Server, paste this JSON:
115+
116+
```json
117+
{
118+
"mcpServers": {
119+
"playwright": {
120+
"command": "/opt/homebrew/bin/playwright-mcp",
121+
"transport": "stdio"
122+
}
123+
}
124+
}
125+
```
126+
127+
> **Note:** If you installed Node.js via nvm or another method, replace `/opt/homebrew/bin/playwright-mcp` with the output of `which playwright-mcp`.
128+
129+
Toggle ON and Playwright tools appear automatically. The AI can now control browsers directly.
130+
95131
---
96132

97133
## Privacy & Safety
@@ -169,6 +205,29 @@ Connect Agent! directly to Xcode for project-aware operations:
169205
- Apple Developer Documentation search
170206
- Real-time issue tracking
171207

208+
### Playwright MCP Server
209+
210+
Connect Agent! to Playwright for browser automation:
211+
212+
```json
213+
{
214+
"mcpServers" : {
215+
"playwright" : {
216+
"command" : "/opt/homebrew/bin/playwright-mcp",
217+
"transport" : "stdio"
218+
}
219+
}
220+
}
221+
```
222+
223+
**Playwright MCP provides:**
224+
- Browser navigation and interaction
225+
- Click, type, and form filling
226+
- Screenshots and snapshots
227+
- JavaScript execution
228+
- Tab management
229+
- Network request monitoring
230+
172231
---
173232

174233
---

0 commit comments

Comments
 (0)