Related MCP Server Resources

Explore more AI models, providers, and integration options:

  • Explore AI Models
  • Explore AI Providers
  • Explore MCP Servers
  • LangDB Pricing
  • Documentation
  • AI Industry Blog
  • Steel Puppeteer
  • MCP Web Browser Server
  • Raccoon AI MCP Server
  • Kintone MCP Server
  • mcp-server-asana
Back to MCP Servers
Playwright MCP

Playwright MCP

Public
misanthropic-ai/playwrite-mcp

Enables LLM-powered clients to automate browser tasks via Model Context Protocol, offering navigation, interaction, content extraction, page interpretation, and screenshot capture capabilities for seamless web automation.

python
0 tools
May 30, 2025
Updated Jun 4, 2025

Supercharge Your AI with Playwright MCP

MCP Server

Unlock the full potential of Playwright MCP through LangDB's AI Gateway. Get enterprise-grade security, analytics, and seamless integration with zero configuration.

Unified API Access
Complete Tracing
Instant Setup
Get Started Now

Free tier available • No credit card required

Instant Setup
99.9% Uptime
10,000+Monthly Requests

playwright-mcp

Playwright wrapper for MCP (Model Context Protocol). This server enables LLM-powered clients to control a browser for automation tasks.

Components

Resources

The server exposes resources for accessing browser screenshots:

  • Screenshot resource URI: screenshot://{page_id}
  • Screenshot resources are automatically available for all open pages

Prompts

The server provides a prompt to help clients interpret web pages:

  • interpret-page: Analyzes the current web page content and structure
    • Optional page_id argument to select which page to interpret
    • Optional focus argument to focus on specific aspects (full, forms, navigation, text)
    • Returns both text analysis and a screenshot of the page

Tools

The server implements a comprehensive set of browser automation tools:

  • Browser navigation

    • navigate: Go to a specific URL
    • new_page: Create a new browser page with a specific ID
    • switch_page: Switch to a different browser page
    • get_pages: List all available browser pages
  • Page interaction

    • click: Click on an element using CSS selector
    • type: Type text into an input element
    • wait_for_selector: Wait for an element to appear on the page
  • Content extraction

    • get_text: Get text content from an element
    • get_page_content: Get the entire page HTML
    • take_screenshot: Capture visual state of the page or element

Configuration

Install Dependencies

uv add playwright playwright install chromium

Quickstart

Install

Claude Desktop

On MacOS: ~/Library/Application\ Support/Claude/claude_desktop_config.json
On Windows: %APPDATA%/Claude/claude_desktop_config.json

Development/Unpublished Servers Configuration

"mcpServers": { "playwright-mcp": { "command": "uv", "args": [ "--directory", "/Users/shannon/Workspace/artivus/playwright-mcp", "run", "playwright-mcp" ] } }

Published Servers Configuration

"mcpServers": { "playwright-mcp": { "command": "uvx", "args": [ "playwright-mcp" ] } }

Development

Building and Publishing

To prepare the package for distribution:

  1. Sync dependencies and update lockfile:
uv sync
  1. Build package distributions:
uv build

This will create source and wheel distributions in the dist/ directory.

  1. Publish to PyPI:
uv publish

Note: You'll need to set PyPI credentials via environment variables or command flags:

  • Token: --token or UV_PUBLISH_TOKEN
  • Or username/password: --username/UV_PUBLISH_USERNAME and --password/UV_PUBLISH_PASSWORD

Debugging

Since MCP servers run over stdio, debugging can be challenging. For the best debugging experience, we strongly recommend using the MCP Inspector.

You can launch the MCP Inspector via npm with this command:

npx @modelcontextprotocol/inspector uv --directory /Users/shannon/Workspace/artivus/playwright-mcp run playwright-mcp

Upon launching, the Inspector will display a URL that you can access in your browser to begin debugging.

Publicly Shared Threads0

Discover shared experiences

Shared threads will appear here, showcasing real-world applications and insights from the community. Check back soon for updates!

Share your threads to help others
Related MCPs5
  • Steel Puppeteer
    Steel Puppeteer

    Model Context Protocol server enabling advanced browser automation with Puppeteer, offering web navi...

    Added May 30, 2025
  • MCP Web Browser Server
    MCP Web Browser Server

    Advanced Model Context Protocol server enabling headless web browsing with multi-tab support, dynami...

    6 tools
    Added May 30, 2025
  • Raccoon AI MCP Server
    Raccoon AI MCP Server

    Enables advanced web browsing, data extraction, form automation, and multistep web task handling via...

    Added May 30, 2025
  • Kintone MCP Server
    Kintone MCP Server

    Enables seamless integration with kintone via Model Context Protocol, offering comprehensive capabil...

    25 tools
    Added May 30, 2025
  • mcp-server-asana
    mcp-server-asana

    Enables seamless interaction with Asana API via Model Context Protocol, providing advanced task, pro...

    22 tools
    Added May 30, 2025