https://github.com/executeautomation/mcp-playwright
Playwright Model Context Protocol Server - Tool to automate Browsers and APIs in Claude Desktop, Cline, Cursor IDE and More 🔌
https://github.com/executeautomation/mcp-playwright
Last synced: 7 days ago
JSON representation
Playwright Model Context Protocol Server - Tool to automate Browsers and APIs in Claude Desktop, Cline, Cursor IDE and More 🔌
- Host: GitHub
- URL: https://github.com/executeautomation/mcp-playwright
- Owner: executeautomation
- License: mit
- Created: 2024-12-03T18:43:20.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-03-30T18:51:49.000Z (17 days ago)
- Last Synced: 2025-04-03T03:01:42.498Z (14 days ago)
- Language: TypeScript
- Homepage: https://executeautomation.github.io/mcp-playwright/
- Size: 24.5 MB
- Stars: 2,267
- Watchers: 22
- Forks: 177
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- StarryDivineSky - executeautomation/mcp-playwright - playwright项目是一个Playwright模型上下文协议服务器，旨在自动化浏览器和API。它支持在Claude Desktop、Cline、Cursor IDE等环境中工作，提供了一种统一的方式来控制浏览器和API。该工具的核心是实现模型上下文协议，允许通过简单的命令与浏览器和API进行交互。通过该项目，开发者可以更轻松地在各种IDE和桌面应用中进行自动化测试和任务执行。它简化了自动化流程，并提供了一个可扩展的平台，方便集成到不同的开发环境中。该项目的主要目标是提高自动化效率和跨平台兼容性。简单来说，它是一个连接Playwright和各种IDE/应用的桥梁，让自动化测试和API交互变得更简单。 (A01_文本生成_文本对话 / 大语言对话模型及数据)
- awesome-mcp-list - @executeautomation/playwright-mcp-server - playwright?style=social)](https://github.com/executeautomation/mcp-playwright): Utilizes Playwright for web automation and data extraction within an MCP framework. (Uncategorized / Uncategorized)
- awesome-mcp-servers - Playwright - A Model Context Protocol server that provides browser automation capabilities using Playwright. (🔍 <a name="search-web"></a>Search & Web)
- awesome-mcp-servers - @executeautomation/playwright-mcp-server - An MCP server using Playwright for browser automation and webscrapping (Legend / 📂 <a name="browser-automation"></a>Browser Automation)
- awesome-mcp-servers - @executeautomation/playwright-mcp-server - An MCP server using Playwright for browser automation and webscrapping (Legend / 📂 <a name="browser-automation"></a>Browser Automation)
- awesome-mcp-servers - Playwright MCP Server - An MCP server using Playwright for browser automation and webscrapping (Community Servers)
- awesome-mcp-servers - Playwright MCP Server - An MCP server using Playwright for browser automation and webscrapping (Community Servers)
- Awesome-MCP-Servers-directory - Playwright MCP Server - An MCP server using Playwright for browser automation and webscrapping (Browser Automation)
- awesome-mcp-servers - @executeautomation/playwright-mcp-server - Playwrightを使用したブラウザ自動化とWebスクレイピングのためのMCPサーバー (サーバー実装 / 📂 <a name="browser-automation"></a>ブラウザ自動化)
- awesome-mcp-servers - Playwright MCP Server - Playwright Model Context Protocol Server - Tool to automate Browsers and APIs in Claude Desktop, Cline, Cursor IDE and More 🔌 (Table of Contents / Browser Automation)
README
# Playwright MCP Server 🎭
[](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 scraps the page and execute JavaScript in a real browser environment.
## 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 -y @smithery/cli install @executeautomation/playwright-mcp-server --client claude
```
#### Installation in VS Code
Install the Playwright MCP server in VS Code using one of these buttons:
[
](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%2522%252C%2522%2540executeautomation%252Fplaywright-mcp-server%2522%255D%257D)
Alternatively, you can install the Playwright MCP server using the VS Code CLI:
```bash
# For VS Code
code --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'
```
```bash
# For VS Code Insiders
code-insiders --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'
```
After installation, the ExecuteAutomation Playwright MCP server will be available for use with your GitHub Copilot agent in VS Code.
## Configuration to use Playwright Server
Here's the Claude Desktop configuration to use the Playwright server:
```json
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["-y", "@executeautomation/playwright-mcp-server"]
}
}
}
```
## Testing
This project uses Jest for testing. The tests are located in the `src/__tests__` directory.
### Running Tests
You can run the tests using one of the following commands:
```bash
# Run tests using the custom script (with coverage)
node run-tests.cjs
# Run tests using npm scripts
npm test # Run tests without coverage
npm run test:coverage # Run tests with coverage
npm run test:custom # Run tests with custom script (same as node run-tests.cjs)
```
The test coverage report will be generated in the `coverage` directory.
## Star History
[](https://star-history.com/#executeautomation/mcp-playwright&Date)