승인된 Chrome 프로필에서 작업 중인 페이지를 Claude가 살펴보거나 조작하게 하려면 Claude in Chrome을 쓸 수 있습니다. 브라우저 환경을 정하고 구조화된 동작을 반복하려면 Playwright MCP를 고려합니다. Playwright MCP도 자체 확장으로 기존 Chrome이나 Edge 세션에 연결할 수 있으므로 로그인 상태만으로 선택이 결정되지는 않습니다.
Claude Code 사용자는 양식 입력, 정보 추출, 오류 보고에 어느 도구가 더 맞는지 물었습니다. 작업마다 필요한 근거가 다릅니다.
로그인된 페이지를 한 번 검토하는 일과 변경할 때마다 회귀 검사를 하는 일은 다릅니다. 이 글에서는 브라우저 에이전트 연습 페이지를 써서 두 방식에 어떤 증거를 요구할지 정리합니다. 열려 있는 탭에서 끝나는 작업이라면 Tabbit Browser도 선택할 수 있습니다.
핵심 요약
두 도구 모두 웹페이지를 조작하며 연결 방식과 관찰 정보가 다릅니다.
Playwright MCP에서 깨끗한 세션을 쓰려면 명시적으로 설정합니다.
기존 프로필을 재사용하면 그 프로필의 접근 권한도 이어집니다.
클릭은 중간 단계입니다. 실제로 보이는 마지막 상태를 남깁니다.
반복 검증에는 재현할 조건과 단언이 필요합니다.
세션과 결과 비교
| 비교 항목 | Claude in Chrome | Playwright MCP |
|---|---|---|
| 연결 | 승인된 프로필의 Claude 확장 | 브라우저를 시작하거나 연결하는 MCP 클라이언트와 서버 |
| 세션 | 브라우저 프로필의 로그인 상태 | 영구 프로필, 격리 세션 또는 승인된 기존 브라우저 |
| 관찰 | 표시된 페이지와 연결된 브라우저 기능 | 구조화된 접근성 스냅샷과 선택적 시각 도구 |
| 용도 | 사람이 지켜보는 탐색이나 로그인된 페이지 | 장애 재현, 디버깅, 테스트로 옮길 수 있는 절차 |
| 설정 점검 | 계정, 브라우저 프로필, 권한 | 브라우저 모드, 세션, 클라이언트 설정 |
Claude Code Chrome 문서 (Claude in Chrome)는 화면이 보이는 세션과 로그인 상태 재사용을 설명합니다. Playwright MCP 저장소는 영구, 격리, 확장 모드를 안내합니다. 웹 동작과 재현 가능한 테스트의 차이는 브라우저 자동화 가이드를 참고하세요.
실제로 사용할 세션에 연결
Claude Code에서 Claude in Chrome을 사용한다면 지원 브라우저에 공식 확장이 있고 올바른 계정이나 조직으로 로그인했는지 확인합니다. 공식 설정 안내를 따릅니다. CLI 문서에는 claude --chrome 명령이 나옵니다. 가능하면 깨끗한 테스트 프로필로 시작합니다. 권한을 묻는다면 도메인과 범위를 확인합니다.
Claude Code 공식 문서에는 Claude in Chrome 확장 1.0.36 이상과 지원되는 Anthropic 직접 구독이 필요하다고 나옵니다. 사용하는 클라이언트와 조직의 요구 사항을 확인하세요.
Playwright MCP의 기본값은 영구 프로필입니다. 깨끗한 환경에는 --isolated를 지정하고 화면을 볼 필요가 없으면 --headless를 추가합니다. 승인된 기존 Chrome이나 Edge를 쓰려면 Playwright 확장 안내를 참고합니다. 기존 브라우저 연결은 새 세션과 다른 계정 권한을 갖습니다.
Claude in Chrome은 확장의 사이트 권한을 따릅니다. Playwright MCP는 위치 정보 같은 권한을 브라우저 컨텍스트에 부여할 수 있습니다. 사이트에서 브라우저 기능을 쓸 수 있는지와 로그인 계정이 어떤 데이터를 조회하거나 바꿀 수 있는지는 별개입니다. Claude Code · Playwright MCP.
브라우저가 실행되는 위치
Claude Code는 데스크톱 브라우저의 확장 프로그램에 연결합니다. 원격 환경에서는 어느 컴퓨터가 대상 앱에 접근할 수 있는지 확인합니다. Playwright MCP는 접근 가능한 환경에서 브라우저를 실행하고 클라이언트에 HTTP 엔드포인트를 제공할 수 있습니다. 작업 프로세스의 localhost는 해당 프로세스가 실행되는 컴퓨터를 가리킵니다. 신뢰할 수 있는 네트워크에서만 접속을 허용하고 테스트 전용 프로필을 사용하세요. Playwright MCP 설정 가이드 · Playwright MCP.
같은 페이지와 같은 목표
계정이 필요 없는 주문 조회 페이지를 엽니다. 처음에는 “Delivery code hidden”이 보입니다. 같은 URL을 열고 “Show delivery code” 버튼을 한 번 누른 다음 화면 문구를 그대로 읽도록 요청합니다. 이 동작은 페이지 문구만 바꾸며 양식을 제출하거나 외부 요청을 보내지 않습니다.
제공한 연습 URL만 열고 보이는 Show delivery code 버튼을 한 번 누르세요.
화면 결과를 그대로 반환하세요. 로그인이나 새 권한을 요청하면 멈춥니다.
제출하거나 탭을 바꾸거나 다른 사이트를 열지 않습니다.
실제 양식 오류는 두 단계로 살펴보세요. 탐색할 때는 가상 데이터를 넣고 검토 단계에서 멈춘 뒤 입력란 이름과 오류 메시지 원문을 기록합니다. 입력란 옆 경고, 서버가 거부한 요청, 다음 단계로 넘어가지 않은 화면을 구분합니다. 회귀 검사에서는 시작 상태를 맞추고 결과를 코드로 검증합니다. 제출이 필요하면 테스트 계정과 승인된 대상을 사용하세요.
열린 탭에서 작업할 때는 Tabbit
Tabbit Browser에서 테스트용 스프레드시트를 열고 Agent Mode에 열 머리글을 확인해 달라고 요청합니다. 탭을 지정하고 편집하기 전에 멈추라고 지시하세요. 이미지에는 스프레드시트와 작업 패널이 함께 보입니다. 빌드 성공 여부를 결정해야 하는 검사는 Playwright Test의 어설션으로 작성하세요. Tabbit Browser · Playwright Test.
작업에 맞춰 선택
| 상황 | 첫 선택 | 이유 |
|---|---|---|
| 승인된 로그인 페이지를 한 번 점검 | 승인된 Claude 확장이나 올바른 프로필의 Playwright 확장 | 둘 다 기존 세션을 이용할 수 있음 |
| 깨끗한 상태에서 문제를 재현 | 격리 Playwright MCP | 컨텍스트를 초기화하고 구조화된 결과를 남김 |
| 변경마다 같은 검사 실행 | 명시적 단언이 있는 결정적 테스트 | 한 번의 탐색과 지속적인 회귀 검사는 다름 |
| 계정 없는 데모 | 테스트 프로필에서 둘 중 하나 | 같은 URL, 한 동작, 보이는 결과 |
인증과 재현성은 따로 판단합니다. 로그인이 필요한 흐름을 재검증한다면 필요한 권한만 있는 테스트 프로필을 씁니다. 쿠키, 비공개 요청, 계정 정보가 담긴 화면을 내보내지 않습니다. 보안 가이드와 가상 브라우저 가이드를 참고하세요.
두 도구를 비교한 개발자는 다른 확장이 켜진 환경에서 연결 문제가 있었고 Playwright의 진단 자료를 더 선호했다고 했습니다. 같은 글에서 다른 사용자는 그런 충돌을 겪지 않았습니다. 자신의 테스트 프로필에서 확인합니다.
한 번 살펴보는 작업에는 이미 승인된 데스크톱 연동을, 환경을 통제하는 디버깅에는 격리된 Playwright MCP를 사용하세요. CI에서 통과 여부를 판단하려면 Playwright Test를 사용하세요. 열린 탭에서 직접 지켜볼 수 있는 작업에는 Tabbit Browser도 적합합니다.
다음에는 예상 결과를 먼저 적은 뒤 도구를 고릅니다. 첫 작업 점검표로 URL, 버튼, 실제 상태를 확인하세요.
자주 묻는 질문
로그인된 사이트에는 Claude in Chrome이 더 적합한가요?
확장 프로그램이 활성화된 Chrome 프로필의 로그인 상태를 활용할 수 있습니다. Playwright MCP도 자체 확장으로 기존 Chrome이나 Edge 탭에 연결할 수 있습니다. 허용할 프로필과 검증할 결과를 기준으로 선택합니다.
Playwright MCP는 항상 헤드리스나 격리 모드로 실행되나요?
영구 프로필, 격리된 세션 또는 이미 열린 지원 브라우저를 사용할 수 있습니다. 헤드리스와 격리 옵션은 별도로 설정합니다.
Claude in Chrome으로 테스트할 수 있나요?
웹 앱을 조작하고 결과를 확인할 수 있습니다. 같은 회귀 검사를 계속 돌리려면 단언을 정하고 반복 실행할 수 있는 테스트 러너나 스크립트를 사용합니다.
Playwright MCP를 쓰려면 Claude가 필요한가요?
호환 클라이언트에 연결되는 MCP 서버입니다. Claude Code는 지시를 전달할 수 있는 선택지 중 하나입니다.
테스트 사이트에 로그인하지 않고 비교할 수 있나요?
같은 연습 페이지를 열고 같은 이름의 버튼을 한 번 눌러 정확한 코드를 읽으면 됩니다. Claude 확장 프로그램 자체의 로그인과 권한 요구 사항은 별도입니다.
비교할 때 어떤 증거를 남기나요?
시작 URL, 브라우저 환경, 화면의 조작 요소, 실제 결과와 실패 지점을 기록합니다. 같은 목표를 사용하고 실행하지 못한 도구는 별도로 표시합니다.