에이전트 브라우저|브라우저 자동 조작

웹사이트를 대신 열고 누르고 입력합니다. 화면을 그림이 아니라 구조로 읽어서 응답이 짧고 정확합니다. 폼 작성, 데이터 추출, 로그인, 화면 캡처가 됩니다.

도도리 AI연구소 · 최종 수정 2026년 10월 5일 · CC BY-NC 4.0

수집·분석 분야 · 바이브코딩·만들기 용도 · 개발자용입니다.

agent-browser 스킬 설치 한 줄

명령줄 도구라 npm 으로 설치합니다. Node.js 가 필요합니다. Claude Code 는 터미널·데스크톱 앱(Mac·Windows)·웹(claude.ai/code)·VS Code·JetBrains 확장 어디서든 쓰며, 명령을 넣는 자리에 붙여 넣으시면 됩니다.

agent-browser 스킬 설치 절차 전체

위 한 줄에서 막히셨다면 여기를 보십시오. 터미널로 쓰시는 분을 위해 터미널 여는 법부터 확인 명령까지 순서대로 적어 두었습니다. 데스크톱 앱·웹·편집기 확장으로 쓰시면 터미널 여는 단계는 건너뛰고 명령 입력 칸에 같은 줄을 넣으시면 됩니다.

# agent-browser 설치

## 1. 도구를 설치합니다

npm install -g agent-browser

agent-browser install

  두 번째 줄까지 실행해야 준비가 끝납니다.

## 2. Claude 를 다시 시작합니다

창만 닫으면 반영되지 않습니다.
Windows 는 작업 표시줄 아이콘에서 종료, macOS 는 Cmd+Q 로 완전히 끄십시오.

## 3. 확인

Claude 에게 "브라우저 자동 조작" 관련 작업을 시켜 보십시오.
설치가 됐다면 알아서 이 도구를 씁니다.

## 주의

명령줄 도구라 Node.js 가 필요합니다.
없으면 nodejs.org 에서 LTS 를 먼저 설치하십시오.

이렇게 시켜 보세요

넣고 나서 바로 던져 볼 수 있는 지시문입니다. 누르면 복사됩니다.

agent-browser 스킬 사용법

처음 세 번은 이 순서로 시키십시오. 지시문을 누르면 복사됩니다.

1. 이 사이트 로그인해서 오늘 주문 목록을 뽑아줘

   나오는 것첫 실행에는 전용 Chrome 을 내려받느라 느립니다. 그 뒤로는 화면을 그림이 아니라 구조로 읽어 목록을 돌려줍니다.

   다음로그인 정보가 들어가는 사이트는 회사 보안 정책부터 확인하십시오.

2. 매일 보는 대시보드 숫자를 캡처해서 정리해줘

   나오는 것화면 캡처와 숫자 정리가 함께 옵니다.

   다음매일 같은 일이면 이 지시문을 그대로 저장해 두고 반복해 쓰십시오. 한 번만 하고 끝날 일이면 직접 하는 편이 빠릅니다.

3. 이 폼에 엑셀 데이터를 순서대로 입력해줘

   나오는 것한 줄씩 폼에 넣고 결과를 알려 줍니다.

   다음두세 줄로 먼저 시험하고 확인한 뒤 전체를 넣으십시오.

알아 둘 것

agent-browser 스킬 안 될 때 확인할 것

첫 실행이 느립니다

전용 Chrome 을 내려받는 과정이 있습니다.

회사 계정으로 쓰기 전에 보안 정책을 확인하십시오

로그인 정보를 다루는 자동화라 사내 규정에 걸릴 수 있습니다.

언제 쓰고, 언제 안 쓰나

매일 같은 사이트에서 같은 일을 반복하신다면 하나 깔아 둘 만합니다. 한 번만 하고 끝날 작업이면 직접 하는 편이 빠릅니다.

비슷한 것 중에 왜 이걸

firecrawl 은 페이지를 읽어 오고, 이건 눌러서 일을 시킵니다. 로그인하고 양식을 채우는 것이 여기입니다. 화면을 그림이 아니라 구조로 읽기 때문에 응답이 짧고 헛짚는 일이 적습니다. webapp-testing 과 겹쳐 보이지만 목적이 반대입니다. 저쪽은 잘못된 곳을 찾으려고 누르고, 이건 일을 끝내려고 누릅니다.

수집·분석 도구를 고를 때

데이터를 모으고 분석합니다. 수집 대상 사이트의 이용약관과, 짧은 주기로 반복 요청할 때의 호출 한도를 미리 확인하세요.

원본 보기

스킬의 실제 내용은 SKILL.md 파일 하나에 들어 있습니다. 넣기 전에 한 번 읽어 보시는 것을 권합니다. 스킬은 Claude 에게 그대로 들어가는 지시문이라, 무엇을 시키는지 확인하지 않고 쓰면 의도치 않은 동작을 할 수 있습니다.

GitHub 에서 vercel-labs/agent-browser 열기

이 작업에 쓰는 장비 제휴 링크

에이전트를 오래 돌리거나 저장소를 여러 개 받아 두는 작업입니다.

미니 PC손바닥 크기 본체. 24시간 켜 두는 용도입니다.레노버 미니PC M710Q 5G WiFi 가정용 사무용 슬림 본체 윈도우10 NVME SSD 199,000원보기 ↗외장 SSD 1TB1TB, USB-C. 저장소와 모델 파일 보관용입니다.삼성전자 외장SSD T7, 1TB, 타이탄 그레이 355,000원보기 ↗USB-C 독케이블 하나로 포트 12개를 씁니다.아트뮤 USB C타입 12in1 멀티허브 독 MH510, 1개, 메탈그레이 119,700원보기 ↗유선 기가비트 공유기유선 기가비트 4포트입니다.티피링크 기가 라이트 지원 4포트 기가비트 유선 공유기 45,900원보기 ↗

이 페이지는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 이용자가 내는 금액은 달라지지 않습니다.

별점과 댓글

이 스킬을 써 보신 분의 별점(5점 만점)과 한마디입니다. 작성자는 아이디 앞 3자만 보입니다(예: wor****). 읽는 데는 제한이 없고, 남기는 것은 로그인한 회원만 됩니다. 한 사람이 한 번이며 다시 쓰면 앞의 것을 덮어씁니다.

자주 묻는 것

에이전트 브라우저는 어떻게 설치합니까?

npm install -g agent-browser 입니다. 전역 설치라 어느 폴더에서나 부를 수 있습니다.

무엇을 대신해 줍니까?

웹사이트를 대신 열고 누르고 입력합니다. 화면을 그림이 아니라 구조로 읽어서 응답이 짧고 정확합니다. 폼 작성, 자료 추출, 로그인, 화면 캡처가 됩니다.

첫 실행이 너무 느립니다.

전용 크롬을 내려받는 과정이 있습니다. 처음 한 번만 그렇습니다.

회사 계정으로 써도 됩니까?

쓰시기 전에 사내 보안 정책을 확인하십시오. 로그인 정보를 다루는 자동화라 규정에 걸릴 수 있습니다.

함께 보면 좋은 스킬

어느 것부터 깔지 모르겠다면 클로드 스킬 추천 15개를 보십시오. 67개를 직접 깔아 보고 골랐습니다.