agent-browser로 클로드 코드에 브라우저 조작을 맡기는 사용법

agent-browser는 버셀 랩스가 만든 Rust 기반 CLI다. 페이지를 접근성 트리 텍스트로 읽고 요소마다 @e1 같은 참조 번호를 붙여 주면, 에이전트가 그 번호로 클릭과 입력을 한 명령씩 이어 간다. 명령 사이에도 브라우저가 켜져 있어서 셸 호출 한 줄이 한 단계다.

1. 설치하고 브라우저(Chrome for Testing)를 내려받는다. 처음 한 번만 하면 된다.

npm install -g agent-browser
agent-browser install

1. 클로드 코드가 쓰도록 스킬을 넣는다. 설치된 스킬은 agent-browser skills get core를 불러 쓰는 얇은 안내문이라 CLI 버전과 항상 맞는다.

npx skills add vercel-labs/agent-browser

1. 직접 한 번 돌려 본다.

agent-browser open example.com
agent-browser snapshot -i
agent-browser click @e1
agent-browser get url
agent-browser close

페이지가 바뀌면 참조 번호도 달라지니 snapshot을 다시 찍고 쓴다. 동의 배너 같은 것에 가려진 요소는 클릭이 성공 대신 실패로 끝난다.