Playwright MCP 사용법: AI와 웹사이트 이용 흐름 점검하기

어떤 업무에 쓸 수 있나요?

페이지가 만들어졌다고 이용 흐름까지 완성된 것은 아닙니다. Playwright MCP는 AI가 웹페이지의 구조를 읽고 브라우저를 조작하도록 연결합니다. 이 실습에서는 내 테스트 사이트의 목록에서 상세로 이동하는 흐름만 확인합니다.

연결하고 시작하기

1. Microsoft의 공식 저장소에서 Node.js 등 실행 요건과 사용하는 MCP 클라이언트의 설치 안내를 확인합니다.
2. 안내에 따라 연결한 뒤 브라우저 도구를 사용할 수 있는지 확인합니다. 이 글에서는 실제 설치를 실행하지 않았습니다.
3. 자신이 관리하는 로컬 또는 테스트 사이트를 준비하고, 점검할 시작 주소와 상세 링크를 지정합니다.

이렇게 요청해보세요

아래 질문을 복사하고, 프로젝트나 페이지 정보만 자신의 환경에 맞게 바꿔보세요.

Playwright MCP로 [내 테스트 사이트 주소]를 열어줘.
화면의 제목과 링크를 확인한 뒤, [목록 이름]에서 항목 하나를 선택해 상세페이지로 이동해줘.
실제로 확인한 시작 주소·선택한 링크·도착 주소·상세 제목을 보고해줘.
예상과 다른 동작이나 확인하지 못한 단계는 구분해줘. 화면의 가독성과 잘림은 스크린샷으로 별도 확인해줘.
로그인, 폼 제출, 구매, 삭제, 파일 수정은 하지 마.

크랩이 작성한 Markdown 실습 자료입니다. 외부 도구의 프로그램·소스코드는 포함하지 않습니다.

결과에서 확인할 것

1. 시작 주소와 도착 주소가 의도한 목록·상세페이지인지 직접 확인합니다.
2. 클릭을 시도한 것과 실제 화면 전환에 성공한 것을 구분합니다. 실패한 단계는 성공으로 보고하지 않아야 합니다.
3. 구조를 읽은 결과만으로 시각적 품질을 확정하지 않습니다. 스크린샷으로 제목·버튼 잘림을 따로 확인합니다.

브라우저 자동화는 전체 품질 검수를 대체하지 않습니다. 로그인이나 외부 시스템 조작 없이 확인할 수 있는 테스트 범위부터 시작하세요.