브라우저 · Microsoft 공식
됐는지, 매번 제가 눌러 보고 있었어요
폼 제출 기능을 만들어 달라고 했어요. “완성했어요, 확인해 보세요”가 왔어요. 근데 확인은 매번 제가 해요. 열고, 채우고, 누르고, 안 되면 다시 설명해요.
확인이 사람 몫이면
할 일 추가 폼 만들어줘.
만들었어요. 브라우저에서 열어서 확인해 보세요.
브라우저를 주면
Playwright MCP로 직접 열어서, 할 일 하나 추가하고 목록에 들어갔는지 확인해줘.
열어서 ‘장보기’를 입력하고 엔터를 눌렀어요. 목록에 1개 추가됐고, 콘솔 에러는 없어요. 빈 값으로 제출하면 아무 반응이 없는데, 이건 고칠까요?
에이전트는 코드를 쓰고 나면 거기서 멈춰요. 브라우저가 없으니, 되는지는 사람이 열어서 눌러 봐야 해요. 안 되면 뭐가 안 됐는지 또 말로 옮겨요. 그 왕복이 한 번이면 괜찮은데, 기능마다 반복돼요.
이 도구를 붙이면, 만든 다음 직접 열어서 눌러 보고 결과까지 말해 줘요.
계정 없이, 한 줄
OAuth도 토큰도 없어서, 이 목록에서 설치가 가장 짧아요. 그래도 프롬프트에 playwright를 말해야 해요.
- 1
이 말을 그대로 AI에 붙여넣으세요
Playwright MCP를 설치해줘. 공식 명령은 claude mcp add playwright npx @playwright/mcp@latest 야. Node 20이 있는지도 확인해줘.공식 Claude Code 명령.
claude mcp add playwright npx @playwright/mcp@latest - 2
설치가 끝났다면, 이렇게 물어보세요
Playwright MCP로 https://demo.playwright.dev/todomvc 를 열고, 할 일 하나를 추가한 다음 스냅샷으로 뭐가 보이는지 알려줘.
별 36,806은 2026-09-05 GitHub API 값이에요. 커뮤니티 포크 @executeautomation/playwright-mcp-server 와 공식 @playwright/mcp 를 섞지 마세요.
세 줄 요약
이럴 때
로그인이 필요 없는 공개 페이지를 열고, 채우고, 확인할 때. 폼이나 데모를 에이전트가 직접 돌려 보게 할 때.
들어 있는 것
접근성 트리 기반 도구 40개 이상. Node.js 20 이상. 첫 실행 때 브라우저를 받아요. 공식 한 줄은 claude mcp add playwright npx @playwright/mcp@latest.
안 되는 것
이미 로그인된 내 크롬 탭은 아니에요. 기본 프로필은 쿠키를 남겨요. 토큰 비용이 CLI보다 커요. 프롬프트에 playwright를 안 말하면 Bash로 우회하기도 해요.
써본 사람들 반응
공식 문서와 현장 기록이 갈리는 지점만 골랐어요.
도움 됐다는 쪽
“Enables LLMs to interact with web pages through structured accessibility snapshots — no vision models required.” playwright.dev
— Playwright 공식 MCP 문서
“The Playwright MCP server is a good one to try: it gives Claude a browser it can navigate, click, and read, and it needs no account.” code.claude.com
— Claude Code MCP quickstart
아쉽다는 쪽
“I found I needed to explicitly say “playwright mcp” the first time, otherwise it might try to use Bash to run Playwright instead.” til.simonwillison.net
— Simon Willison
“CLI invocations are more token-efficient: they avoid loading large tool schemas and verbose accessibility trees into the model context.” github.com
— microsoft/playwright-mcp README