mcp-playwright

🥇Gold

The mcp-playwright tool automates browser and API interactions, enhancing productivity in various development environments like Claude Desktop and Cursor IDE. Perfect for streamlining testing and automation workflows.

5,4524700Updated 1mo ago

Intermediate15 minutes to implementdevelopment

Saves ~120 min per use

Quick InstallView Source

claude install executeautomation/mcp-playwright

Works with:

ClaudeCursor

Overview

About This Skill

mcp-playwright is an MCP (Model Context Protocol) skill that integrates Playwright for automated browser and API interactions within AI development environments. It enables developers to streamline testing workflows, automate web interactions, and validate application behavior without manual browser control. The tool supports device emulation with 143 device presets, portrait/landscape orientation modes, and automatic user-agent configuration. It includes comprehensive tools for resizing, navigating, and interacting with web pages, making it valuable for QA automation, end-to-end testing, and web scraping tasks in development workflows.

How to Use

["1. Identify the specific browser interactions you need to automate, such as logging in, navigating pages, or extracting data.","2. Write a detailed description of the actions and any error conditions to handle.","3. Use the prompt template to generate the automation script with mcp-playwright.","4. Copy the generated code snippet into Claude Desktop or Cursor IDE.","5. Test the script and make any necessary adjustments to ensure it works as expected."]

Use Cases

Automate end-to-end testing of web applications to ensure functionality across different browsers.

Integrate API calls seamlessly into development workflows for efficient data handling.

Streamline browser interactions for quality assurance processes, reducing manual testing time.

Facilitate automated user interface testing to quickly identify and resolve UI issues.

Best For

GrowthRevOps

Setup & Installation

Quick Install

Terminal

claude install executeautomation/mcp-playwright

Alternative Install (Git Clone)

git clone https://github.com/executeautomation/mcp-playwright

Requirements

Claude Code or compatible AI agent
Works with: Claude, Cursor

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

Automate a series of browser interactions for [WEBSITE] using mcp-playwright. The interactions should include [ACTIONS] such as logging in, navigating to specific pages, and extracting data. Ensure the script handles [ERROR_CONDITIONS] gracefully. Provide the complete code snippet ready for execution in Claude Desktop or Cursor IDE.

Example Output

Here's an example of automating browser interactions for an e-commerce website using mcp-playwright:

```javascript
const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  await page.goto('https://example-ecommerce.com/login');
  await page.fill('#username', 'testuser');
  await page.fill('#password', 'password123');
  await page.click('#login-button');
  await page.waitForNavigation();
  await page.goto('https://example-ecommerce.com/products');
  const productLinks = await page.$$eval('.product-link', links => links.map(link => link.href));
  console.log('Product links:', productLinks);
  await browser.close();
})();
```

This script logs in to the e-commerce website, navigates to the products page, and extracts all product links. It handles basic error conditions by waiting for navigation and using appropriate selectors.

Apply to these tools

Browse all tools

Rows

Spreadsheet with built-in API integrations and automation

Autom

Your one-stop shop for church and ministry supplies.

Productiv

Control SaaS spending with visibility and analytics

Automa

Automate your browser workflows effortlessly

Claude

AI assistant built for thoughtful, nuanced conversation

Lightstep

Enhance performance monitoring and root cause analysis with real-time distributed tracing.

Compatible MCP servers

Browse all MCP servers

Find the right skills for your stack

Take a free 3-minute scan and get personalized AI skill recommendations.

Take free scan