microsoft/playwright-mcp

극작가 MCP

Playwright를 이용한 브라우저 자동화 기능을 제공하는 모델 컨텍스트 프로토콜(MCP) 서버입니다. 이 서버는 LLM이 스크린샷이나 시각적으로 조정된 모델을 우회하여 구조화된 접근성 스냅샷을 통해 웹페이지와 상호작용할 수 있도록 합니다.

극작가 MCP 대 극작가 CLI

이 패키지는 Playwright에 MCP 인터페이스를 제공합니다. 만약 코딩 에이전트를 사용한다면, 대신 CLI+SKILLS를 사용하는 것이 도움이 될 수 있습니다.

• CLI: 현대의 코딩 에이전트는 CLI 기반 워크플로우를 MCP보다 SKILL로 노출하는 방식을 점점 더 선호하는데, 이는 CLI 호출이 토큰 효율이 더 뛰어나기 때문입니다: 큰 도구 스키마와 복잡한 접근성 트리를 모델 컨텍스트에 로드하는 것을 피하여 에이전트가 간결하고 목적에 맞게 설계된 명령어로 동작할 수 있게 합니다. 이로 인해 CLI + SKILL은 제한된 컨텍스트 창 내에서 브라우저 자동화와 대규모 코드베이스, 테스트, 추론을 균형 있게 처리해야 하는 고처리량 코딩 에이전트에 더 적합합니다. Playwright CLI에 대해 SKILLS와 함께 더 알아보세요.

Playwright MCP

A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages through structured accessibility snapshots, bypassing the need for screenshots or visually-tuned models.

Playwright MCP vs Playwright CLI

This package provides MCP interface into Playwright. If you are using a coding agent, you might benefit from using the CLI+SKILLS instead.

• CLI: Modern coding agents increasingly favor CLI–based workflows exposed as SKILLs over MCP because CLI invocations are more token-efficient: they avoid loading large tool schemas and verbose accessibility trees into the model context, allowing agents to act through concise, purpose-built commands. This makes CLI + SKILLs better suited for high-throughput coding agents that must balance browser automation with large codebases, tests, and reasoning within limited context windows.Learn more about Playwright CLI with SKILLS.

• MCP: MCP remains relevant for specialized agentic loops that benefit from persistent state, rich introspection, and iterative reasoning over page structure, such as exploratory automation, self-healing tests, or long-running autonomous workflows where maintaining continuous browser context outweighs token cost concerns.

Key Features

• Fast and lightweight. Uses Playwright’s accessibility tree, not pixel-based input.
• LLM-friendly. No vision models needed, operates purely on structured data.
• Deterministic tool application. Avoids ambiguity common with screenshot-based approaches.

Requirements

• Node.js 18 or newer
• VS Code, Cursor, Windsurf, Claude Desktop, Goose, Grok, Junie or any other MCP client

Getting started

First, install the Playwright MCP server with your client.

Standard config works in most of the tools:

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}