Using Playwright MCP with Claude Code | Simon Willison’s TILs
til.simonwillison.net · 299 words · saved by 1 readers
Inspired by Armin , I decided to figure out how to use the official microsoft/playwright-mcp Playwright MCP server with Claude Code.
Inspired by Armin, I decided to figure out how to use the official microsoft/playwright-mcp Playwright MCP server with Claude Code. Short version: run this before starting claude: claude mcp add playwright npx '@playwright/mcp@latest' That's it! Now when you run claude Playwright will be available. You can say things like: Use playwright mcp to open a browser to example.com And a visible Chrome browser window, controlled by Claude Code, will open in front of you. I found I needed to explicitly say "playwright mcp" the first time, otherwise it might try to use Bash to run Playwright…
saved by
related reading
- GitHub - ChromeDevTools/chrome-devtools-mcp: Chrome DevTools for coding agentsgithub.com
- What if you don't need MCP at all?mariozechner.at
- Agentationagentation.dev
- Protocollie Claude Code Vibe Coding setupgist.github.com
- Claude Code Cheat Sheetcc.storyfox.cz
- A Guide to Claude Code 2.0 and getting better at using coding agents – sankalp's blogsankalp.bearblog.dev
- Agentationagentation.com
- Best practices for Claude Code - Claude Code Docsanthropic.com
- Agents | Playwrightplaywright.dev
- Introducing Model Context Protocol (MCP) | Glamaglama.ai
- playhtml — make the web feel aliveplayhtml.fun
- Turbo MCPmcp.run