MCP입문공식
플레이라이트 브라우저 MCP
Playwright MCP
클로드가 실제 브라우저를 열어 페이지를 이동하고, 클릭하고, 입력하고, 화면을 읽을 수 있게 해요.
MCP는 ‘연결 케이블’이에요
클로드와 다른 서비스(노션, GitHub, 브라우저 등)를 잇는 연결 케이블이에요. 연결하면 클로드가 그 서비스의 내용을 직접 읽고 쓸 수 있어요.
도구 종류 비교하기- 난이도
- 입문 · 설치 명령을 붙여넣거나 가입만 하면 바로 써요.
- 쓰는 곳
- 클로드 코드
- 만든 곳
- Microsoft (공식)
설치하기
- 1클로드 코드가 없다면 먼저 설치해요.
- 2명령을 복사해요.터미널에 붙여넣기
claude mcp add playwright npx @playwright/mcp@latest - 3붙여넣고 Enter를 눌러요.터미널(맥은 '터미널' 앱, 윈도우는 PowerShell)에 붙여넣고 Enter를 누르세요.
- 4설치 끝! 이제 평소처럼 말로 일을 시키면 돼요.아래 '이렇게 말해 보세요'의 문장을 그대로 써 봐도 좋아요.
할 수 있는 일
- 웹사이트를 열어 정보를 찾고 정리
- 폼 입력, 버튼 클릭 같은 반복 작업 자동화
- 내가 만든 사이트를 직접 써 보며 테스트
이렇게 말해 보세요
브라우저로 우리 사이트 회원가입 페이지를 열어서 빈칸으로 제출하면 어떤 오류가 뜨는지 확인해 줘.
알아 둘 점
Node.js 18 이상이 설치돼 있어야 해요.
플러그인으로 설치하기
공식 마켓플레이스에도 플러그인으로 올라 있어요. 클로드 코드 안에서 아래 한 줄로 설치할 수도 있어요.
/plugin install playwright@claude-plugins-official