플러그인 · 개발 워크플로
브라우저 자동 테스트
Microsoft 공식
playwright
개발 워크플로
Claude 가 실제 브라우저를 열어 화면을 누르고 입력하고 캡처합니다. 만든 화면이 정말 동작하는지 사람이 일일이 눌러 보는 대신 시켜서 확인할 수 있습니다.
이럴 때 씁니다
화면을 고쳤는데 실제로 눌러 봐야 아는 것들(레이아웃 깨짐, 버튼 동작, 모바일 가로 밀림)을 확인시킬 때
한 줄로 넣기
Claude Code 에서 마켓플레이스를 먼저 등록한 뒤, 플러그인을 설치합니다.
/plugin marketplace add anthropics/claude-plugins-official
/plugin install playwright@claude-plugins-official
전체 설치 절차
순서대로 하나씩 확인하고 싶으실 때 보십시오. 눌러서 펼치면 전체가 나옵니다.
설치 절차 전문
# 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 서버를 플러그인으로 묶은 것입니다. 처음 쓸 때 브라우저 바이너리를 내려받으므로 첫 실행이 느릴 수 있고, 사내 프록시 환경에서는 이 다운로드가 막히는 경우가 있습니다. 코드를 눈으로 읽어 통과시키지 말고 이걸로 실제 렌더링을 확인하는 편이 훨씬 안전합니다.
원본 보기
플러그인 안에는 스킬·명령어·훅·MCP 서버가 함께 들어 있을 수 있습니다. 넣기 전에 한 번 읽어 보시는 것을 권합니다.