🎯 Cursor에서 Playwright MCP 연동 설정 노트

✅ 문제 상황

• Cursor에서 playwright 툴을 활성화했지만 Failed to create client, No server info found 오류 발생

• front/ 폴더 안에만 Playwright가 설치되어 있고, 프로젝트 루트에는 없음

🛠 해결 요약

• mcp 설정 파일의 pwd 를 활용하여 playwright 가 설치된 정확안 경로 입력

1. Playwright 환경 구성 (front 폴더 기준)

cd front
npm install -D @playwright/mcp
npx playwright install

2. Cursor 설정 수정 (.cursor/mcp.json)

{
  "playwright": {
    "command": "npx",
    "args": ["@playwright/mcp"],
    "cwd": "C:/Users/path/to/front"
  }
}

• "@latest" 제거 → 매번 네트워크 설치 방지

• "cwd"는 반드시 절대 경로로 지정 (Windows에서도 / 사용 가능)

3. MCP 실행 및 확인

• Cursor 종료 후 재시작

• Tools 탭에서 Playwright 활성화

• MCP가 정상 작동하면 다음 로그가 표시됨:

2025-05-31 14:06:26.030 [info] ight: Found 25 tools, 0 resources, and 0 resource templates

🎉 결과

• Playwright MCP가 Cursor에서 정상 작동

• 구조 분리된 프로젝트에서도 안정적 연동 완료

GitHub - microsoft/playwright-mcp: Playwright MCP server

이제 커서에서 다음과 같이 활용 가능.