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
- Claude Code Cheat Sheetcc.storyfox.cz
- How I Use Claude Code | Philipp Spiessspiess.dev
- Best practices for Claude Code - Claude Code Docsanthropic.com
- GitHub - ChromeDevTools/chrome-devtools-mcp: Chrome DevTools for coding agentsgithub.com
- What if you don't need MCP at all?mariozechner.at
- Protocollie Claude Code Vibe Coding setupgist.github.com
- A Guide to Claude Code 2.0 and getting better at using coding agents – sankalp's blogsankalp.bearblog.dev
- Claude Code is My Computer | Peter Steinbergersteipete.me
- Introducing Model Context Protocol (MCP) | Glamaglama.ai
- From Claude Code to Figma: Turning production code into editable Figma designsfigma.com
- Using CLAUDE.MD files: Customizing Claude Code for your codebase | Claudeclaude.com
- Using CLAUDE.MD files: Customizing Claude Code for your codebase | Claudeclaude.com