Chrome에서 Claude Code 사용하기

Claude Code는 Claude in Chrome 브라우저 확장 프로그램과 통합되어 CLI 또는 VS Code 확장 프로그램에서 브라우저 자동화 기능을 제공합니다. 코드를 빌드한 후 컨텍스트를 전환하지 않고 브라우저에서 테스트하고 디버깅합니다. Claude는 브라우저 작업을 위해 새 탭을 열고 브라우저의 로그인 상태를 공유하므로 이미 로그인한 모든 사이트에 액세스할 수 있습니다. 브라우저 작업은 실시간으로 표시되는 Chrome 창에서 실행됩니다. Claude가 로그인 페이지나 CAPTCHA를 만나면 일시 중지하고 수동으로 처리하도록 요청합니다. 확장 프로그램은 Claude가 연 탭을 세션에 연결된 Chrome 탭 그룹으로 모읍니다. 로컬 세션에서는 세션이 종료될 때 Claude Code가 해당 그룹을 닫는지 여부가 세션이 종료되는 방식에 따라 달라집니다.

/clear를 입력하면 Claude Code는 열려 있는 페이지를 포함하여 그룹을 닫습니다. 단, clear 이후에도 유지되는 작업이 아직 실행 중인 경우는 예외입니다
/resume과 같은 명령으로 세션을 전환하거나, Claude Code를 종료하거나, clear 이후에도 유지되는 작업이 아직 실행 중인 상태에서 /clear를 실행하면, Claude Code는 그룹에 빈 새 탭만 있는 경우에만 그룹을 닫으므로 아직 읽고 있을 수 있는 페이지는 열린 상태로 유지됩니다

Chrome 통합은 Google Chrome 및 Microsoft Edge에서 작동합니다. Claude Code는 Brave, Arc, Vivaldi, Opera를 포함한 기타 Chromium 기반 브라우저에서도 확장 프로그램을 감지하고 연결을 설정합니다. Chrome 통합은 Windows Subsystem for Linux(WSL)에서는 지원되지 않습니다.

기능

Chrome이 연결되면 단일 워크플로에서 브라우저 작업과 코딩 작업을 연결할 수 있습니다.

라이브 디버깅: 콘솔 오류 및 DOM 상태를 직접 읽은 후 이를 유발한 코드를 수정합니다.
디자인 검증: Figma 목업에서 UI를 만든 후 브라우저에서 열어 일치하는지 확인합니다.
웹 앱 테스트: 양식 유효성 검사를 테스트하고, 시각적 회귀를 확인하거나, 사용자 흐름을 검증합니다.
인증된 웹 앱: API 커넥터 없이 Google Docs, Gmail, Notion 또는 로그인한 모든 앱과 상호작용합니다.
데이터 추출: 웹 페이지에서 구조화된 정보를 가져와 로컬에 저장합니다.
작업 자동화: 데이터 입력, 양식 작성 또는 다중 사이트 워크플로와 같은 반복적인 브라우저 작업을 자동화합니다.
파일 업로드: 로컬 컴퓨터의 파일을 웹 페이지의 업로드 필드에 첨부합니다.
세션 기록: 브라우저 상호작용을 GIF로 기록하여 발생한 상황을 문서화하거나 공유합니다.

사전 요구 사항

Chrome에서 Claude Code를 사용하기 전에 다음이 필요합니다.

Google Chrome, Microsoft Edge 또는 Brave, Arc, Vivaldi, Opera와 같은 기타 Chromium 기반 브라우저
Claude in Chrome 확장 프로그램 버전 1.0.36 이상(Chrome 웹 스토어에서 제공)
Claude Code
직접 Anthropic 플랜 (Pro, Max, Team 또는 Enterprise)

HIPAA가 활성화된 Enterprise 조직에서는 Claude in Chrome이 기본적으로 꺼져 있으며, Owner가 Organization settings > Claude in Chrome에서 켤 수 있습니다. Anthropic과 체결한 비즈니스 제휴 계약(BAA)은 Claude in Chrome을 통해 타사 사이트로 전송되는 데이터를 보장하지 않습니다. 적격 서비스 목록은 구현 가이드를 참조하세요. Chrome 통합을 사용하려면 /login으로 로그인해야 합니다. API 키 또는 claude setup-token으로 생성한 장기 토큰으로 인증하는 경우, 브라우저 확장 프로그램이 해당 자격 증명으로 인증할 수 없으므로 --chrome을 전달하더라도 Claude Code는 Chrome 통합을 비활성화한 상태로 유지합니다. v2.1.216 이전에는 이러한 세션에서 Chrome 통합을 활성화할 수 있었지만, 브라우저 확장 프로그램에 연결하려는 모든 시도가 403 오류로 실패했습니다.

Chrome 통합은 Amazon Bedrock, Google Cloud의 Agent Platform 또는 Microsoft Foundry와 같은 타사 제공자를 통해 사용할 수 없습니다. 타사 제공자를 통해서만 Claude에 액세스하는 경우 이 기능을 사용하려면 별도의 claude.ai 계정이 필요합니다.

CLI에서 시작하기

Chrome으로 Claude Code 시작

--chrome 플래그로 Claude Code를 시작합니다:

claude --chrome

Chrome으로 처음 시작하면 Claude Code가 통합 기능을 소개하고 사이트 권한의 작동 방식을 설명하는 일회성 대화 상자를 표시합니다. Enter 키를 눌러 계속합니다.플래그 없이 이후 세션에서도 Chrome을 활성화하려면 기본적으로 Chrome 활성화를 참조하세요.

Claude에게 브라우저 사용을 요청

이 예제는 페이지로 이동하고, 상호작용하며, 발견한 내용을 보고하는 모든 과정을 터미널이나 편집기에서 수행합니다:

code.claude.com/docs로 이동하여 검색 상자를 클릭하고,
"hooks"를 입력한 후 나타나는 결과를 알려주세요

Claude Code가 브라우저 작업 전에 권한을 요청하면 승인합니다. 대화 상자는 Claude in Chrome wants to로 시작하며, 세션 동안 해당 사이트의 모든 작업을 허용하는 옵션을 제공합니다. Claude가 새 탭을 열고 작업을 시작합니다.

언제든지 /chrome을 실행하여 연결 상태를 확인하고, 권한을 관리하거나, 확장 프로그램을 다시 연결하거나, 사용할 연결된 브라우저를 선택할 수 있습니다. 상태 패널에 “상태: 활성화됨” 및 “확장 프로그램: 설치됨”이 표시되면 통합 기능이 정상적으로 작동하는 것입니다. 둘 이상의 브라우저가 연결되어 있으면 Claude가 사용할 브라우저를 직접 선택합니다. 선택하기 전에 브라우저 작업이 시작되면 Claude가 하나를 선택하도록 요청합니다. 나중에 브라우저를 전환하려면 /chrome을 실행하고 **브라우저 선택…**을 선택합니다. 다른 브라우저가 연결되더라도 Claude는 선택한 브라우저를 계속 사용합니다. VS Code의 경우 VS Code에서 브라우저 자동화를 참조하세요.

Claude가 요청할 때 확장 프로그램 설치

대화형 세션에서 Claude가 브라우저를 필요로 하는데 Claude Code가 확장 프로그램을 감지하지 못하면, Claude Code는 “Claude가 브라우저를 사용하려고 합니다”라는 제목의 설치 프롬프트를 표시합니다. Claude Code는 세션당 최대 한 번만 묻습니다. 프롬프트는 세 가지 선택지를 제공합니다:

확장 프로그램 설치: 브라우저에서 확장 프로그램 설치 페이지를 열고 안내형 설정을 시작합니다. Claude Code는 설치를 기다린 후 확장 프로그램을 연결하고 같은 세션에서 브라우저 도구를 활성화합니다. 연결이 준비되면 “브라우저 도구로 계속”을 선택하고, Claude가 브라우저에서 작업을 재개합니다. “브라우저 도구 없이 계속”을 선택하여 설정을 종료하고 나중에 /chrome으로 완료할 수 있습니다.
나중에: 브라우저 도구 없이 작업을 계속합니다. Claude Code는 이후 세션에서 다시 물을 수 있습니다.
다시 묻지 않음: 이후 세션에서 프롬프트를 표시하지 않습니다. 언제든지 /chrome으로 통합 기능을 설정할 수 있습니다.

두 가지 관리형 MCP 정책이 프롬프트를 끕니다:

조직이 deniedMcpServers 관리형 설정으로 claude-in-chrome MCP 서버를 차단하면 Claude Code는 설치 프롬프트를 표시하지 않습니다.
조직이 관리형 세트와 함께 Claude in Chrome 허용 없이 managed-mcp.json 파일을 배포하면 Claude Code는 설치 프롬프트를 표시하지 않습니다.

기본적으로 Chrome 활성화

매번 --chrome을 전달하지 않고 Chrome을 연결하려면 CLI 세션에서 /chrome을 실행하고 기본적으로 활성화를 선택합니다. VS Code 확장 프로그램에서는 프롬프트 상자에 /chrome을 입력하고 기본적으로 활성화 스위치를 켭니다. 두 곳은 하나의 설정을 공유하므로 어느 쪽에서 켜든 CLI와 VS Code 모두에서 켜집니다. 설정이 켜져 있고 Claude Code v2.1.287 이상을 사용하면 각 VS Code 세션이 시작될 때 브라우저에 연결되므로, @browser를 입력하기 전에도 Claude가 브라우저를 사용할 수 있습니다. 이전 버전이거나 설정이 꺼져 있으면 VS Code 세션은 @browser를 입력할 때 연결됩니다. Chrome이 실행 중이 아니어도 Claude Code는 정상적으로 시작됩니다. v2.1.211 이전에는 Chrome 통합이 활성화되어 있지만 Chrome이 실행 중이 아닐 때 시작이 멈출 수 있었습니다.

기본적으로 Chrome을 활성화하면 브라우저 도구와 해당 지침이 항상 로드되므로 컨텍스트 사용량이 증가합니다. 컨텍스트 소비가 증가하는 것을 발견하면 이 설정을 끄고 필요할 때만 연결합니다. CLI에서는 --chrome을 사용하고, VS Code에서는 프롬프트 상자에 @browser를 입력합니다.

사이트 권한 관리

사이트 수준 권한은 Chrome 확장 프로그램에서 상속됩니다. Chrome 확장 프로그램 설정에서 권한을 관리하여 Claude가 탐색하고, 클릭하고, 입력할 수 있는 사이트를 제어합니다. 자동 모드에서 자동 모드 분류기 자체가 특정 사이트에 대한 브라우저 호출을 승인하면, 권한 규칙이 Claude in Chrome에 대해 어떤 사이트라도 거부하지 않는 한 확장 프로그램은 해당 호출에 대한 자체 사이트별 확인을 건너뜁니다.

VS Code 세션의 권한 프롬프트

VS Code 세션에서 Claude Code가 브라우저 작업 전에 확인을 요청하는지는 세션이 브라우저에 연결된 방식에 따라 달라집니다:

@browser를 입력한 경우: Claude Code가 원래 확인을 요청했을 각 브라우저 작업을 확장 프로그램이 승인합니다.
기본적으로 활성화 설정으로 시작 시 연결된 경우: 해당 세션에서 @browser를 입력하기 전까지 Claude Code는 Manual, Edit automatically, Auto, Bypass permissions 모드에서 허용하지 않은 사이트에 대한 브라우저 작업 전에 확인을 요청합니다.

플랜 모드의 브라우저 도구

플랜 모드에서는 Claude가 GIF를 녹화하거나, 새 탭을 열거나, 단축키를 실행하기 전에 권한 프롬프트가 표시됩니다. 단, @browser를 입력한 VS Code 세션은 예외입니다. 대화형 CLI 세션에서 권한 우회 모드를 사용할 수 있고 기능 플래그 가져오기가 꺼져 있으면 이러한 호출은 프롬프트 없이 실행됩니다. createIfEmpty를 설정하는 tabs_context_mcp 호출도 확인을 요청하며, 이러한 작업 중 하나라도 포함하는 browser_batch 호출도 마찬가지입니다.

예제 워크플로

이 예제들은 브라우저 작업과 코딩 작업을 결합하는 일반적인 방법을 보여줍니다. /mcp를 실행하고 claude-in-chrome을 선택한 후 도구 보기를 선택하여 사용 가능한 브라우저 도구의 전체 목록을 확인합니다.

로컬 웹 애플리케이션 테스트

웹 앱을 개발할 때 Claude에게 변경 사항이 올바르게 작동하는지 확인하도록 요청합니다.

방금 로그인 양식 유효성 검사를 업데이트했습니다. localhost:3000을 열고,
잘못된 데이터로 양식을 제출해 보고, 오류 메시지가 올바르게
나타나는지 확인해 주시겠어요?

Claude는 로컬 서버로 이동하여 양식과 상호작용하고 관찰한 내용을 보고합니다.

콘솔 로그로 디버깅

Claude는 콘솔 출력을 읽어 문제 진단을 도울 수 있습니다. 로그가 상세할 수 있으므로 모든 콘솔 출력을 요청하는 대신 Claude에게 찾을 패턴을 알려줍니다.

대시보드 페이지를 열고 페이지가 로드될 때 콘솔에서 오류를
확인해 주세요.

Claude는 콘솔 메시지를 읽고 특정 패턴이나 오류 유형을 필터링할 수 있습니다.

양식 작성 자동화

반복적인 데이터 입력 작업을 가속화합니다.

contacts.csv에 고객 연락처 스프레드시트가 있습니다. 각 행에 대해
crm.example.com의 CRM으로 이동하여 "연락처 추가"를 클릭하고
이름, 이메일 및 전화 필드를 작성해 주세요.

Claude는 로컬 파일을 읽고, 웹 인터페이스를 탐색하며, 각 레코드에 대한 데이터를 입력합니다.

웹 페이지에 파일 업로드

Claude는 사용자 컴퓨터의 파일을 페이지의 업로드 필드에 첨부할 수 있습니다. Claude Code가 파일을 읽어 그 내용을 브라우저로 전송하므로, 업로드는 로컬 세션과 원격 세션 모두에서 작동합니다. Claude Code v2.1.211 이상이 필요합니다. 다음 예제는 로그 파일을 양식에 첨부합니다.

bugs.example.com의 버그 트래커를 열고, 새 이슈를 만든 다음,
logs/session.log를 첨부해 주세요

업로드에는 세 가지 제한이 적용됩니다.

권한: Claude는 세션에서 읽기가 허용된 파일만 업로드할 수 있으므로, 파일에 대한 Read 액세스를 거부하는 권한 규칙은 해당 파일의 업로드도 차단합니다.
크기: 한 번의 업로드에 포함할 수 있는 파일은 총 10MB까지입니다.
하드 링크: Claude는 하드 링크가 여러 개인 파일을 거부합니다. 이는 node_modules와 같은 패키지 관리자 저장소 내부에서 흔히 발생합니다. 파일을 복사한 후 복사본을 업로드합니다.

Google Docs에서 콘텐츠 작성

API 설정 없이 Claude를 사용하여 문서에 직접 작성합니다.

최근 커밋을 기반으로 프로젝트 업데이트를 작성하고
docs.google.com/document/d/abc123의 Google Doc에 추가해 주세요.

Claude는 문서를 열고, 편집기를 클릭한 후 콘텐츠를 입력합니다. 이는 로그인한 모든 웹 앱에서 작동합니다. Gmail, Notion, Sheets 등입니다.

웹 페이지에서 데이터 추출

웹사이트에서 구조화된 정보를 가져옵니다.

제품 목록 페이지로 이동하여 각 항목의 이름, 가격 및 가용성을
추출합니다. 결과를 CSV 파일로 저장해 주세요.

Claude는 페이지로 이동하여 콘텐츠를 읽고 데이터를 구조화된 형식으로 컴파일합니다.

다중 사이트 워크플로 실행

여러 웹사이트에서 작업을 조정합니다.

내 캘린더에서 내일의 회의를 확인한 후, 외부 참석자가 있는 각
회의에 대해 해당 회사 웹사이트를 찾아보고 그들이 하는 일에 대한
메모를 추가해 주세요.

Claude는 탭 전체에서 작업하여 정보를 수집하고 워크플로를 완료합니다.

데모 GIF 기록

브라우저 상호작용의 공유 가능한 기록을 만듭니다.

장바구니에 항목을 추가하는 것부터 확인 페이지까지 체크아웃
흐름을 완료하는 방법을 보여주는 GIF를 기록해 주세요.

Claude는 상호작용 시퀀스를 기록하고 GIF 파일로 저장합니다. 기록에는 로그인된 페이지의 계정 세부 정보를 포함하여 브라우저에 표시되는 모든 내용이 담기므로, 팀 외부에 공유하기 전에 검토합니다.

스크린샷을 디스크에 저장

Claude에게 스크린샷을 파일로 보관하도록 요청합니다.

체크아웃 페이지의 스크린샷을 찍어 디스크에 저장해 주세요

Claude는 이미지를 디스크에 저장하고 파일 경로를 알려줍니다. v2.1.211 이전에는 스크린샷 도구의 save_to_disk 옵션이 파일을 기록하지 않았습니다.

문제 해결

확장 프로그램이 감지되지 않음

Claude Code에서 Chrome 확장 프로그램을 감지할 수 없는 경우:

Chrome 확장 프로그램이 설치되어 있고 chrome://extensions에서 활성화되어 있는지 확인합니다.
claude --version을 실행하여 Claude Code가 최신 버전인지 확인합니다.
Chrome이 실행 중인지 확인합니다.
/chrome을 실행하고 “확장 프로그램 다시 연결”을 선택하여 연결을 다시 설정합니다.
문제가 지속되면 Claude Code와 Chrome을 모두 다시 시작합니다.

Chrome 통합을 처음 활성화할 때 Claude Code는 네이티브 메시징 호스트 구성 파일을 설치합니다. Chrome은 시작 시 이 파일을 읽으므로 첫 번째 시도에서 확장 프로그램이 감지되지 않으면 Chrome을 다시 시작하여 새 구성을 선택합니다. Claude Code는 첫 번째 설치 시에만 확장 프로그램을 연결하도록 요청하는 브라우저 탭을 엽니다. 빌드 또는 구성 디렉터리 전환 후와 같이 이후 세션에서 구성 파일을 다시 작성하는 경우에는 Claude Code가 탭을 다시 열지 않습니다. 연결이 계속 실패하면 다음 위치에 호스트 구성 파일이 있는지 확인합니다. Chrome의 경우:

macOS: ~/Library/Application Support/Google/Chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
Linux: ~/.config/google-chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
Windows: Windows 레지스트리에서 HKCU\Software\Google\Chrome\NativeMessagingHosts\를 확인합니다.

Edge의 경우:

macOS: ~/Library/Application Support/Microsoft Edge/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
Linux: ~/.config/microsoft-edge/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
Windows: Windows 레지스트리에서 HKCU\Software\Microsoft\Edge\NativeMessagingHosts\를 확인합니다.

기타 Chromium 기반 브라우저는 브라우저 이름을 딴 자체 구성 디렉터리에서 동일한 파일을 읽습니다. 예를 들어 macOS의 Brave는 ~/Library/Application Support/BraveSoftware/Brave-Browser/NativeMessagingHosts/를 사용하며, Windows에서는 각 브라우저에 HKCU\Software\BraveSoftware\Brave-Browser\NativeMessagingHosts\와 같은 자체 레지스트리 키가 있습니다.

브라우저가 응답하지 않음

Claude의 브라우저 명령이 작동하지 않는 경우:

모달 대화 상자(경고, 확인, 프롬프트)가 페이지를 차단하고 있는지 확인합니다. JavaScript 대화 상자는 브라우저 이벤트를 차단하고 Claude가 명령을 수신하지 못하게 합니다. 대화 상자를 수동으로 닫은 후 Claude에게 계속하도록 알립니다.
Claude에게 새 탭을 만들고 다시 시도하도록 요청합니다.
chrome://extensions에서 Chrome 확장 프로그램을 비활성화했다가 다시 활성화하여 다시 시작합니다.

긴 세션 중 연결 끊김

Chrome 확장 프로그램의 서비스 워커는 확장 세션 중에 유휴 상태가 될 수 있으며, 이는 연결을 끊습니다. 비활성 기간 후 브라우저 도구가 작동하지 않으면 /chrome을 실행하고 “확장 프로그램 다시 연결”을 선택합니다.

Windows 관련 문제

Windows에서 다음을 만날 수 있습니다.

명명된 파이프 충돌 (EADDRINUSE): 다른 프로세스가 동일한 명명된 파이프를 사용 중인 경우 Claude Code를 다시 시작합니다. Chrome을 사용 중일 수 있는 다른 Claude Code 세션을 모두 닫습니다.
네이티브 메시징 호스트 오류: 시작 시 네이티브 메시징 호스트가 충돌하면 Claude Code를 다시 설치하여 호스트 구성을 다시 생성해 봅니다.
설정 페이지가 열리지 않음: Claude Code를 업데이트합니다. v2.1.211 이전에는 Windows에서 확장 프로그램 연결을 요청하는 브라우저 탭이 열리지 않을 수 있었습니다.

일반적인 오류 메시지

가장 자주 발생하는 오류와 해결 방법은 다음과 같습니다.

오류	원인	해결 방법
”브라우저 확장 프로그램이 연결되지 않음”	네이티브 메시징 호스트가 확장 프로그램에 도달할 수 없거나, 조직의 IP 허용 목록이 `bridge.claudeusercontent.com`에 대한 연결을 거부함	Chrome과 Claude Code를 다시 시작한 후 `/chrome`을 실행하여 다시 연결합니다. 조직에서 IP 허용 목록을 사용하고 오류가 지속되면 조직 IP 허용 목록 및 프록시 egress를 참조합니다.
`/chrome`에서 확장 프로그램이 “감지되지 않음”으로 표시됨	Chrome 확장 프로그램이 설치되지 않았거나 비활성화됨	`chrome://extensions`에서 확장 프로그램을 설치하거나 활성화합니다.
”사용 가능한 탭 없음”	Claude가 탭이 준비되기 전에 작동하려고 시도함	Claude에게 새 탭을 만들고 다시 시도하도록 요청합니다.
”수신 끝이 존재하지 않음”	확장 프로그램 서비스 워커가 유휴 상태가 됨	`/chrome`을 실행하고 “확장 프로그램 다시 연결”을 선택합니다.

참고 항목

컴퓨터 사용: 브라우저에서 작업을 수행할 수 없을 때 네이티브 macOS 앱을 제어합니다
VS Code에서 Claude Code 사용: VS Code 확장 프로그램의 브라우저 자동화
CLI 참조: --chrome을 포함한 명령줄 플래그
일반적인 워크플로우: Claude Code를 사용하는 더 많은 방법
데이터 및 개인정보: Claude Code가 데이터를 처리하는 방법
Chrome에서 Claude 시작하기: 바로 가기, 일정 예약 및 권한을 포함한 Chrome 확장 프로그램의 전체 문서

시작하기

핵심 개념

Claude Code 사용하기

플랫폼 및 통합

Chrome에서 Claude Code 사용하기

기능

사전 요구 사항

CLI에서 시작하기

Claude가 요청할 때 확장 프로그램 설치

기본적으로 Chrome 활성화

사이트 권한 관리

VS Code 세션의 권한 프롬프트

플랜 모드의 브라우저 도구

예제 워크플로

로컬 웹 애플리케이션 테스트

콘솔 로그로 디버깅

양식 작성 자동화

웹 페이지에 파일 업로드

Google Docs에서 콘텐츠 작성

웹 페이지에서 데이터 추출

다중 사이트 워크플로 실행

데모 GIF 기록

스크린샷을 디스크에 저장

문제 해결

확장 프로그램이 감지되지 않음

브라우저가 응답하지 않음

긴 세션 중 연결 끊김

Windows 관련 문제

일반적인 오류 메시지

참고 항목

​기능

​사전 요구 사항

​CLI에서 시작하기

​Claude가 요청할 때 확장 프로그램 설치

​기본적으로 Chrome 활성화

​사이트 권한 관리

​VS Code 세션의 권한 프롬프트

​플랜 모드의 브라우저 도구

​예제 워크플로

​로컬 웹 애플리케이션 테스트

​콘솔 로그로 디버깅

​양식 작성 자동화

​웹 페이지에 파일 업로드

​Google Docs에서 콘텐츠 작성

​웹 페이지에서 데이터 추출

​다중 사이트 워크플로 실행

​데모 GIF 기록

​스크린샷을 디스크에 저장

​문제 해결

​확장 프로그램이 감지되지 않음

​브라우저가 응답하지 않음

​긴 세션 중 연결 끊김

​Windows 관련 문제

​일반적인 오류 메시지

​참고 항목

기능

사전 요구 사항

CLI에서 시작하기

Claude가 요청할 때 확장 프로그램 설치

기본적으로 Chrome 활성화

사이트 권한 관리

VS Code 세션의 권한 프롬프트

플랜 모드의 브라우저 도구

예제 워크플로

로컬 웹 애플리케이션 테스트

콘솔 로그로 디버깅

양식 작성 자동화

웹 페이지에 파일 업로드

Google Docs에서 콘텐츠 작성

웹 페이지에서 데이터 추출

다중 사이트 워크플로 실행

데모 GIF 기록

스크린샷을 디스크에 저장

문제 해결

확장 프로그램이 감지되지 않음

브라우저가 응답하지 않음

긴 세션 중 연결 끊김

Windows 관련 문제

일반적인 오류 메시지

참고 항목