극작가-등대 MCP 서버

Playwright와 Lighthouse를 사용하여 웹사이트 성능을 분석하는 MCP 서버입니다. LLM은 MCP(Model Context Protocol)를 통해 웹사이트 성능 분석을 수행할 수 있습니다.

특징

Lighthouse를 활용한 성능 분석
스크린샷 캡처

설정

필수 조건

Node.js 18 이상
엔피엠

설치

지엑스피1

용법

MCP 서버 디버깅

npm run inspector

MCP 클라이언트와의 통합

이 서버는 MCP(Model Context Protocol)를 지원하는 클라이언트와 함께 사용하도록 설계되었습니다. 예를 들어, Claude for Desktop과 통합될 수 있습니다.

데스크톱용 Claude 구성 예

Claude for Desktop 구성 파일( ~/Library/Application Support/Claude/claude_desktop_config.json )에 다음을 추가합니다.

{
  "mcpServers": {
    "playwright-lighthouse": {
      "command": "node",
      "args": [
        "/path-to/playwright-lighthouse-mcp/build/index.js"
      ]
    }
  }
}

사용 가능한 도구

1. 런-라이트하우스

현재 열려 있는 페이지에서 Lighthouse 성능 분석을 실행합니다.

매개변수:

url : 분석하려는 웹사이트의 URL
categories : 분석할 카테고리 배열(기본값: ["성능"])
- 사용 가능한 카테고리: "성능", "접근성", "모범 사례", "seo", "pwa"
maxItems : 각 카테고리에 대해 표시할 개선 항목의 최대 개수(기본값: 3, 최대값: 5)

2. 스크린샷 찍기

현재 열려 있는 페이지의 스크린샷을 찍습니다.

매개변수:

url : 캡처하려는 웹사이트의 URL
fullPage : true인 경우 전체 페이지의 스크린샷을 캡처합니다(기본값: false)

출력 형식

분석 결과는 다음과 같습니다.

색상 표시기를 사용한 각 선택된 카테고리의 전체 점수
범주별로 그룹화된 주요 개선 영역
저장된 보고서 파일의 경로

특허

MIT 라이선스 - 자세한 내용은 라이선스를 참조하세요.

Playwright-Lighthouse MCP Server

Integrations