도구 연결(MCP)
Playwright MCP
AI가 페이지 탐색, 버튼 클릭, 폼 입력으로 웹 흐름을 확인합니다.
소개
공개 문서를 바탕으로 LessAI Tools가 정리
Playwright MCP는 사이트를 살펴보거나 검색과 폼 제출 같은 연속 작업을 점검할 때 사용합니다. 화면 이미지뿐 아니라 페이지의 글, 조작 요소, 구조를 활용합니다. MCP 호환 도우미와 연결하고 문서에 나온 환경을 준비한 뒤, 브라우저 결과를 실제 이용 흐름과 대조하세요.
시작하기
필요 조건을 확인하고 AI 도우미를 선택해 연결 단계를 보세요.
- 준비 사항
- Node.js 18 이상.
- MCP 호환 로컬 도우미와 작동하는 브라우저.
- 비용
- 프로젝트 코드는 오픈 소스입니다. 도우미 이용과 외부 서비스 한도는 별도입니다.
- 필요 권한
- 페이지 읽기·클릭·입력이 가능합니다. 허가된 페이지에서 사용하며 로그인 상태에 따라 접근 범위가 달라집니다.
Codex공식 연결 문서 있음
README에 로컬 브라우저용 Codex 설정이 있습니다.
연결 단계
- README의 Codex 항목을 여세요.
- 해당 항목의 MCP 설정으로 Playwright를 추가하세요.
- 다시 열어 Playwright 도구를 확인하고 브라우저가 없으면 공식 안내를 따르세요.
연결 결과 확인
본인 사이트를 열어 제목을 읽게 한 뒤 URL과 제목을 확인하세요.
공식 출처
Claude Code공식 연결 문서 있음
README에 로컬 브라우저용 Claude Code 설정이 있습니다.
연결 단계
- README의 Claude Code 항목을 여세요.
- 해당 항목의 MCP 설정으로 Playwright를 추가하세요.
- 다시 열어 Playwright 도구를 확인하고 브라우저가 없으면 공식 안내를 따르세요.
연결 결과 확인
본인 사이트를 열어 제목을 읽게 한 뒤 URL과 제목을 확인하세요.
공식 출처
Cursor공식 연결 문서 있음
README에 로컬 브라우저용 Cursor 설정이 있습니다.
연결 단계
- README의 Cursor 항목을 여세요.
- 해당 항목의 MCP 설정으로 Playwright를 추가하세요.
- 다시 열어 Playwright 도구를 확인하고 브라우저가 없으면 공식 안내를 따르세요.
연결 결과 확인
본인 사이트를 열어 제목을 읽게 한 뒤 URL과 제목을 확인하세요.
공식 출처
공식 출처
연결 안내 확인일 2026-10-12 · 공개 문서를 기반으로 합니다. 모든 프로젝트를 직접 설치해 테스트하지는 않았습니다.
활용 방법
- 페이지 탐색과 폼 및 버튼 조작
- 웹 작업 흐름을 단계별로 점검
- 사용할 AI 도우미에 맞게 브라우저 도구 설정
공식 프로젝트 및 문서
프로젝트 설명(번역)
Playwright MCP 서버
비슷한 작업의 플러그인
주요 용도를 우선하고 공통 작업과 스타 수를 참고합니다. 연결 방법은 다를 수 있습니다.
- Chrome DevTools MCP — AI가 Chrome 페이지를 검사해 오류와 로딩 성능을 조사합니다.
- BrowserTools MCP — Chrome 세션의 오류, 네트워크 활동, 스크린샷을 AI와 공유합니다.
- ExecuteAutomation Playwright MCP — ExecuteAutomation Playwright MCP: 브라우저에서 웹페이지 조작 (MCP 호환 AI 도우미를 통해).