플러그인 · 개발 워크플로
플레이라이트브라우저 자동 테스트
Claude 가 실제 브라우저를 열어 화면을 누르고 입력하고 캡처합니다. 만든 화면이 정말 동작하는지 사람이 일일이 눌러 보는 대신 시켜서 확인할 수 있습니다.
바이브코딩·만들기 용도. 같은 목적의 다른 도구를 한 장에 모아 두었습니다.
이럴 때 씁니다
화면을 고쳤는데 실제로 눌러 봐야 아는 것들(레이아웃 깨짐, 버튼 동작, 모바일 가로 밀림)을 확인시킬 때
playwright 플러그인 설치 한 줄
Claude Code 에서 마켓플레이스를 먼저 등록한 뒤, 플러그인을 설치합니다.
/plugin marketplace add anthropics/claude-plugins-official
/plugin install playwright@claude-plugins-official
playwright 플러그인 설치 절차 전체
순서대로 하나씩 확인하고 싶으실 때 보십시오. 눌러서 펼치면 전체가 나옵니다.
# playwright 설치
## 1. 마켓플레이스를 등록합니다
/plugin marketplace add anthropics/claude-plugins-official
## 2. 플러그인을 넣습니다
/plugin install playwright@claude-plugins-official
## 3. Claude 를 다시 시작합니다
창만 닫으면 반영되지 않습니다.
Windows 는 작업 표시줄 아이콘에서 종료, macOS 는 Cmd+Q 로 완전히 끄십시오.
## 4. 확인
/plugin 명령으로 설치된 목록에 있는지 확인할 수 있습니다.
넣고 나면 관련 작업에서 알아서 불러 씁니다. 매번 지정하지 않아도 됩니다.이렇게 시켜 보세요
넣고 나서 바로 던져 볼 수 있는 지시문입니다. 누르면 복사됩니다.
알아 둘 것
Microsoft 가 만든 Playwright MCP 서버를 플러그인으로 묶은 것입니다. 처음 쓸 때 브라우저 바이너리를 내려받으므로 첫 실행이 느릴 수 있고, 사내 프록시 환경에서는 이 다운로드가 막히는 경우가 있습니다. 코드를 눈으로 읽어 통과시키지 말고 이걸로 실제 렌더링을 확인하는 편이 훨씬 안전합니다.
playwright 플러그인 안 될 때 확인할 것
첫 실행이 느립니다
브라우저 바이너리를 내려받습니다. 사내 프록시 환경에서는 이 다운로드가 막히는 경우가 있습니다.
로그인이 필요한 화면은 준비가 필요합니다
인증을 넘길 방법을 정해 두지 않으면 로그인 화면에서 멈춥니다.
언제 쓰고, 언제 안 쓰나
화면을 직접 만드는 작업이면 거의 항상 값이 있습니다. 서버나 배치 작업에는 쓸 일이 없습니다.
비슷한 것 중에 왜 이걸
브라우저를 실제로 여는 것이 이 사이트에 넷 있습니다. webapp-testing 은 스킬, agent-browser 는 반복 작업 대행, chrome-devtools-mcp 는 크롬 팀 공식 서버로 성능 측정까지 갑니다. 이건 플러그인이라 넣는 것이 가장 간단하고, 여러 브라우저에서 같은 화면을 확인해야 할 때 강합니다. 크롬 하나만 보면 되고 성능까지 재고 싶다면 chrome-devtools 쪽이 더 깊습니다.
개발 워크플로 도구를 고를 때
CI/CD, 이슈 트래커, 브랜치 관리를 연결하는 도구입니다. 토큰 권한 범위를 필요한 저장소로만 좁힐 수 있는지, 실패했을 때 로그를 어디서 확인하는지 먼저 확인하세요.
원본 보기
플러그인 안에는 스킬·명령어·훅·MCP 서버가 함께 들어 있을 수 있습니다. 넣기 전에 한 번 읽어 보시는 것을 권합니다.
별점과 댓글
이 플러그인을 써 보신 분의 별점(5점 만점)과 한마디입니다. 작성자는 아이디 앞 3자만 보입니다(예: wor****). 읽는 데는 제한이 없고, 남기는 것은 로그인한 회원만 됩니다. 한 사람이 한 번이며 다시 쓰면 앞의 것을 덮어씁니다.
- 불러오는 중…
자주 묻는 것
브라우저 자동 테스트 플러그인(playwright)은 어떻게 설치합니까?
클로드 코드 대화창에 두 줄을 차례로 치십시오. 먼저 /plugin marketplace add anthropics/claude-plugins-official 으로 장터를 등록하고, 그다음 /plugin install playwright@claude-plugins-official 으로 플러그인을 넣습니다. 넣은 뒤에는 클로드를 완전히 껐다 켜야 반영됩니다. 창만 닫으면 안 됩니다. 윈도우는 작업 표시줄 아이콘에서 종료하시고, 맥은 Cmd+Q 로 끄십시오.
브라우저 자동 테스트 플러그인은 무엇을 합니까?
Claude 가 실제 브라우저를 열어 화면을 누르고 입력하고 캡처합니다. 만든 화면이 정말 동작하는지 사람이 일일이 눌러 보는 대신 시켜서 확인할 수 있습니다.
브라우저 자동 테스트 플러그인은 언제 씁니까?
화면을 고쳤는데 실제로 눌러 봐야 아는 것들(레이아웃 깨짐, 버튼 동작, 모바일 가로 밀림)을 확인시킬 때입니다. 화면을 직접 만드는 작업이면 거의 항상 값이 있습니다. 서버나 배치 작업에는 쓸 일이 없습니다.
브라우저 자동 테스트 플러그인을 쓸 때 걸리는 데가 있습니까?
첫 실행이 느립니다. 브라우저 바이너리를 내려받습니다. 사내 프록시 환경에서는 이 다운로드가 막히는 경우가 있습니다. 로그인이 필요한 화면은 준비가 필요합니다. 인증을 넘길 방법을 정해 두지 않으면 로그인 화면에서 멈춥니다.
브라우저 자동 테스트 플러그인이 제대로 깔렸는지 어떻게 확인합니까?
클로드 코드에서 /plugin 을 치면 설치된 목록이 나옵니다. 거기에 보이면 된 것입니다. 넣고 나면 관련 작업에서 알아서 불러 쓰므로 매번 지정하지 않으셔도 됩니다.
함께 보면 좋은 플러그인
클로드 데스크톱이나 웹에서 쓰실 것이라면 커넥터 쪽입니다. 플레이라이트 MCP