Claude in Chrome: AI가 내 크롬을 직접 움직이고, 화면을 직접 봐요

Claude in Chrome: AI가 내 크롬을 직접 움직이고, 화면을 직접 봐요
AI에게 이런 부탁을 해본 적 있나요. "이 사이트 들어가서 지금 어떻게 보이는지 확인해줘."
보통은 여기서 막혀요. AI는 채팅창 안에 있고, 브라우저는 그 바깥에 있으니까요. 결국 내가 직접 들어가서 스크린샷을 찍고, 그걸 다시 채팅창에 붙여넣게 되죠. 확인할 게 열 개면 이 왕복을 열 번 해요.
오늘 소개할 Claude in Chrome은 이 벽을 없애는 스킬이에요. AI가 내 크롬 브라우저를 직접 조작해요. 탭을 열고, 클릭하고, 폼을 채우고, 그리고 무엇보다 화면을 직접 봐요.
Claude in Chrome이 뭐예요?
Anthropic이 만든 크롬 확장 프로그램이에요. 설치하면 Claude Code(터미널에서 쓰는 클로드)가 이 확장을 통로 삼아 실제 크롬을 움직여요. 가상 브라우저를 새로 띄우는 게 아니라, 지금 내가 쓰고 있는 그 크롬이요.
- 만든 곳: Anthropic
- 주소: claude.com/chrome
- 형태: 크롬 확장 프로그램 + Claude Code 연동
- 권한: 사이트별로 허용 범위를 직접 정해요
할 수 있는 일을 나열하면 이래요.
- 탭 열기, 주소 이동, 뒤로 가기
- 버튼 클릭, 스크롤, 폼 입력
- 화면 스크린샷 찍기 (그리고 그걸 직접 보기)
- 페이지 본문 텍스트 읽기
- 개발자 도구의 콘솔 로그, 네트워크 요청 읽기
- 작업 과정을 GIF로 녹화하기
핵심은 "본다"는 거예요
이 스킬에서 제일 과소평가되는 기능이에요. AI가 페이지의 코드를 읽는 게 아니라, 스크린샷을 찍어서 사람처럼 눈으로 봐요.
이게 왜 중요하냐면, 웹에는 글자로 안 적혀 있는 정보가 많거든요.
- 공지사항이 통째로 이미지 한 장인 사이트
- "버튼이 겹쳐 보여요" 같은 레이아웃 문제
- 차트, 도표, 디자인 시안
- 이미지로만 올라온 상품 상세 페이지
텍스트만 읽는 도구는 이런 걸 전부 놓쳐요. Claude in Chrome은 화면을 찍어서 보니까 "왼쪽 메뉴가 본문을 가리고 있어요"라거나 "이미지 속 공지에 7월 25일까지라고 적혀 있어요" 같은 답이 나와요.
제가 실제로 쓰는 방식도 이래요. 구글 이미지 검색을 시키면, AI가 크롬으로 검색 결과를 열고 그 이미지들을 직접 보면서 골라줘요. "이 중에 배경이 흰색이고 정면 각도인 것만 추려줘" 같은 요청이 되는 거죠. 이미지를 하나하나 내려받아서 붙여넣는 과정이 통째로 사라져요.
내 사이트 검수에 특히 좋아요
웹사이트를 만들거나 운영하는 분이라면 이 흐름이 바로 와닿을 거예요.
배포를 하고 나서 "잘 나오는지 확인해줘"라고 한마디만 하면, AI가 사이트를 열고, 스크린샷을 찍어서 보고, 깨진 부분이 있는지 알려줘요. 모바일 폭으로 줄여서 다시 확인하는 것도 되고요.
개발자용 기능은 한 층 더 깊어요. 화면만 보는 게 아니라 개발자 도구까지 읽거든요.
- 콘솔에 뜬 에러 메시지를 읽고 원인을 추적해요
- 네트워크 요청을 보고 어떤 API가 실패했는지 찾아요
"화면이 하얗게 나와요"라고 말하면, 사람이 하듯이 F12를 눌러 에러를 확인하고 코드를 고치는 것까지 한 흐름으로 이어져요.
안전장치는 어떻게 되어 있나요
AI가 내 브라우저를 움직인다는 건 편한 만큼 무서운 얘기이기도 해요. 그래서 기본 설계가 보수적이에요.
- 사이트별 허용제예요. 확장 설정에서 허용한 사이트에서만 동작해요
- 처음 가는 사이트는 물어봐요. 마음대로 아무 데나 들어가지 않아요
- 은행, 결제 같은 민감한 작업은 사람이 직접 하도록 남겨두는 게 안전해요
비밀번호 입력이나 결제 버튼까지 맡기고 싶은 유혹이 생기는데, 거기는 선을 긋는 걸 권해요. 도구가 잘못해서가 아니라, 실수했을 때 되돌리기 어려운 영역이니까요.
시작은 이렇게 해요
준비물은 두 개예요. 크롬, 그리고 Claude Code.
- claude.com/chrome에서 확장 프로그램을 설치해요
- 확장에 로그인하고, 자동화를 허용할 사이트를 정해요
- Claude Code를 켜고 "크롬으로 ○○ 사이트 열어서 확인해줘"라고 말해요
따로 코드를 짤 게 없어요. Claude Code가 확장을 알아서 인식하고, 브라우저 도구가 필요한 순간에 스스로 꺼내 써요.
어디까지 맡기면 좋을까요
써보면서 정리한 기준이에요.
- 맡기기 좋은 일: 사이트 상태 확인, 배포 후 검수, 이미지·디자인 보고 고르기, 반복 조회, 웹앱 에러 추적
- 같이 하면 좋은 일: 폼 제출처럼 한 번 실수하면 흔적이 남는 작업. AI가 채우고, 제출 버튼은 내가 눌러요
- 맡기지 않는 일: 결제, 계정 삭제, 금융 사이트
정리하면 이래요. 지금까지 AI는 웹을 "읽어주는" 존재였는데, Claude in Chrome을 붙이는 순간 웹을 "다루고 보는" 존재가 돼요. 스크린샷을 찍어 붙여넣던 왕복이 사라지는 것만으로도, 하루에 수십 번 브라우저를 여는 사람에게는 체감이 꽤 커요.
리깅 파이프라인 자동화 도구
반복 작업은 스크립트에게. 현업에서 쓰는 리깅 툴 모음.
리깅 도구 보기