Playwright MCP Server

by BhanuTJ93
MIT License
18,115
  • Linux
  • Apple
Integrations
  • Provides browser automation capabilities for GitHub Copilot agents in VS Code, allowing interaction with web pages and automated web testing functions.

  • Mentioned as a sponsor, with integration capabilities for terminal-based browser automation across MacOS, Linux, and Windows.

개발자를 위한 AI 터미널, 워프

MacOS, Linux 및 Windows에서 사용 가능

극작가 MCP 서버 🎭

Playwright를 사용하여 브라우저 자동화 기능을 제공하는 모델 컨텍스트 프로토콜 서버입니다. 이 서버를 통해 LLM은 웹 페이지와 상호 작용하고, 스크린샷을 찍고, 테스트 코드를 생성하고, 페이지를 웹 스크랩하고, 실제 브라우저 환경에서 JavaScript를 실행할 수 있습니다.

스크린샷

문서 | API 참조

설치

npm, mcp-get 또는 Smithery를 사용하여 패키지를 설치할 수 있습니다.

npm 사용하기:

지엑스피1

mcp-get을 사용합니다.

npx @michaellatman/mcp-get@latest install @executeautomation/playwright-mcp-server

대장간 사용

Smithery를 통해 Claude Desktop용 Playwright MCP를 자동으로 설치하려면:

npx @smithery/cli install @executeautomation/playwright-mcp-server --client claude
VS Code에 설치

다음 버튼 중 하나를 사용하여 VS Code에 Playwright MCP 서버를 설치하세요.

또는 VS Code CLI를 사용하여 Playwright MCP 서버를 설치할 수 있습니다.

# For VS Code code --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'
# For VS Code Insiders code-insiders --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'

설치 후 ExecuteAutomation Playwright MCP 서버를 VS Code의 GitHub Copilot 에이전트와 함께 사용할 수 있습니다.

Playwright Server를 사용하기 위한 구성

Playwright 서버를 사용하기 위한 Claude Desktop 구성은 다음과 같습니다.

{ "mcpServers": { "playwright": { "command": "npx", "args": ["-y", "@executeautomation/playwright-mcp-server"] } } }

테스트

이 프로젝트에서는 Jest를 사용하여 테스트합니다. 테스트는 src/__tests__ 디렉터리에 있습니다.

테스트 실행

다음 명령 중 하나를 사용하여 테스트를 실행할 수 있습니다.

# 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)

테스트 커버리지 보고서는 coverage 디렉토리에 생성됩니다.

실행 평가

evals 패키지는 index.ts 파일을 실행하는 mcp 클라이언트를 로드하므로 테스트 사이에 다시 빌드할 필요가 없습니다. npx 명령 앞에 접두사를 붙여 환경 변수를 로드할 수 있습니다. 전체 문서는 여기에서 확인할 수 있습니다.

OPENAI_API_KEY=your-key npx mcp-eval src/evals/evals.ts src/tools/codegen/index.ts

스타 역사

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

Playwright를 사용하여 브라우저 자동화 기능을 제공하는 모델 컨텍스트 프로토콜 서버로, LLM이 웹 페이지와 상호 작용하고, 스크린샷을 찍고, 테스트 코드를 생성하고, 웹 콘텐츠를 스크래핑하고, 실제 브라우저 환경에서 JavaScript를 실행할 수 있도록 합니다.

  1. 극작가 MCP 서버 🎭
    1. 스크린샷
    2. 문서 | API 참조
    3. 설치
    4. Playwright Server를 사용하기 위한 구성
    5. 테스트
    6. 스타 역사

Related MCP Servers

  • A
    security
    A
    license
    A
    quality
    A Model Context Protocol server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment.
    Last updated -
    13
    18,115
    3,496
    TypeScript
    MIT License
    • Linux
    • Apple
  • A
    security
    F
    license
    A
    quality
    A server that enables browser automation using Playwright, allowing interaction with web pages, capturing screenshots, and executing JavaScript in a browser environment through LLMs.
    Last updated -
    12
    18,115
    1
    TypeScript
  • -
    security
    A
    license
    -
    quality
    A Model Context Protocol server that provides browser automation capabilities using Playwright, enabling LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment.
    Last updated -
    3
    Python
    Apache 2.0
  • -
    security
    F
    license
    -
    quality
    A Model Context Protocol server that provides browser automation capabilities using BrowserCat's cloud browser service. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment without needing to install browsers locally.
    Last updated -
    39

View all related MCP servers

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/BhanuTJ93/MCP'

If you have feedback or need assistance with the MCP directory API, please join our Discord server