mcp-playwright

<div align="center" markdown="1"> <table> <tr> <td align="center" valign="middle"> <a href="https://mseep.ai/app/executeautomation-mcp-playwright"> <img src="https://mseep.net/pr/executeautomation-mcp-playwright-badge.png" alt="MseeP.ai Security Assessment Badge" height="80"/> </a> </td> <td align="center" valign="middle"> <a href="https://www.warp.dev/?utm_source=github&utm_medium=referral&utm_campaign=mcp-playwright"> <img alt="Warp sponsorship" width="200" src="https://github.com/user-attachments/assets/ab8dd143-b0fd-4904-bdc5-dd7ecac94eae"/> </a> </td> </tr> <tr> <td align="center">_{MseeP.ai Security Assessment}</td> <td align="center">_{Special thanks to <a href="https://www.warp.dev/?utm_source=github&utm_medium=referral&utm_campaign=mcp-playwright">Warp, the AI terminal for developers</a>}</td> </tr> </table> </div> <hr> # Playwright MCP Server 🎭 [](https://archestra.ai/mcp-catalog/executeautomation__mcp-playwright) [](https://smithery.ai/server/@executeautomation/playwright-mcp-server) A Model Context Protocol server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages, take screenshots, generate test code, web scrapes the page and execute JavaScript in a real browser environment. <a href="https://glama.ai/mcp/servers/yh4lgtwgbe"><img width="380" height="200" src="https://glama.ai/mcp/servers/yh4lgtwgbe/badge" alt="mcp-playwright MCP server" /></a> ## ✨ What's New in v1.0.10 ### 🎯 Device Emulation with 143 Real Device Presets! Test your web applications on **real device profiles** with a simple command: ```javascript // Test on iPhone 13 with automatic user-agent, touch support, and device pixel ratio await playwright_resize({ device: "iPhone 13" }); // Switch to iPad with landscape orientation await playwright_resize({ device: "iPad Pro 11", orientation: "landscape" }); // Test desktop view await playwright_resize({ device: "Desktop Chrome" }); ``` **Natural Language Support for AI Assistants:** - "Test on iPhone 13" - "Switch to iPad view" - "Rotate to landscape" **Supports 143 devices:** iPhone, iPad, Pixel, Galaxy, and Desktop browsers with proper emulation of viewport, user-agent, touch events, and device pixel ratios. 📚 [View Device Quick Reference](https://executeautomation.github.io/mcp-playwright/docs/playwright-web/Device-Quick-Reference) | [Prompt Guide](https://executeautomation.github.io/mcp-playwright/docs/playwright-web/Resize-Prompts-Guide) ## Screenshot  ## [Documentation](https://executeautomation.github.io/mcp-playwright/) | [API reference](https://executeautomation.github.io/mcp-playwright/docs/playwright-web/Supported-Tools) ## Installation You can install the package using either npm, mcp-get, or Smithery: Using npm: ```bash npm install -g @executeautomation/playwright-mcp-server ``` Using mcp-get: ```bash npx @michaellatman/mcp-get@latest install @executeautomation/playwright-mcp-server ``` Using Smithery To install Playwright MCP for Claude Desktop automatically via [Smithery](https://smithery.ai/server/@executeautomation/playwright-mcp-server): ```bash npx @smithery/cli install @executeautomation/playwright-mcp-server --client claude ``` Using Claude Code: ```bash claude mcp add --transport stdio playwright npx @executeautomation/playwright-mcp-server ``` #### Installation in VS Code Install the Playwright MCP server in VS Code using one of these buttons: <!-- // Generate using?: const config = JSON.stringify({ name: 'playwright', command: 'npx', args: ["-y", "@executeautomation/playwright-mcp-server"] }); const urlForWebsites = `vscode:mcp/install?${encodeURIComponent(config)}`; // Github markdown does not allow linking to `vscode:` directly, so you can use our redirect: const urlForGithub = `https://insiders.vscode.dev/redirect?url=${encodeURIComponent(urlForWebsites)}`; --> [<img src="https://img.shields.io/badge/VS_Code-VS_Code?style=flat-square&label=Install%20Server&color=0098FF" alt="Install in VS Code">](https://insiders.vscode.dev/redirect?url=vscode%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522playwright%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522%2540executeautomation%252Fplaywright-mcp-server%2522%255D%257D) [<img alt="Install in VS Code Insiders" src="https://img.shields.io/badge/VS_Code_Insiders-VS_Code_Insiders?style=flat-square&label=Install%20Server&color=24bfa5">](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522playwright%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2