클로드스킬마트스킬 둘러보기스킬이 뭐예요?
← 목록으로

agent-browser 브라우저 자동화

agent-browser CLI로 웹 페이지 탐색·폼 입력·스크린샷·데이터 추출을 자동화하는 스킬.

자동화·워크플로중급★ 67,531⑂ 5,507AI 점수 9/10마지막 업데이트: 2026. 8. 9.

무엇을 해주나

Claude가 agent-browser CLI를 이용해 실제 브라우저를 조작하도록 해주는 스킬입니다. 페이지 열기 → 접근성 스냅샷으로 요소 참조(@e1) 획득 → 클릭·입력·선택 순서의 명확한 워크플로를 제공합니다.

  • 탐색: open, back, reload, 탭·창·iframe 전환
  • 조작: 클릭, 폼 입력, 드롭다운 선택, 드래그앤드롭, 파일 업로드
  • 확인: 텍스트/HTML/속성 추출, 가시성·활성화 상태 체크
  • 기록: 일반/전체/주석 스크린샷, PDF 저장, 동영상 녹화, 트레이스·프로파일링
  • 고급: 네트워크 요청 가로채기·목킹, 쿠키/로컬스토리지 제어, 스냅샷·픽셀 diff, 세션 및 로그인 상태 저장, CDP 연결, 클라우드 브라우저·iOS 시뮬레이터

이런 분께 추천

  • 로그인·결제 등 웹 플로우를 반복 테스트해야 하는 QA·프론트엔드 개발자
  • 수작업으로 사이트를 돌며 데이터를 수집하던 기획자·마케터
  • 배포 전후 화면 차이를 시각적으로 비교하고 싶은 팀
  • 문서용 스크린샷이나 데모 영상을 자동으로 만들고 싶은 사람

활용 예시

  1. 회원가입 폼 회귀 테스트: open → snapshot -i로 요소 참조를 받고 이메일·비밀번호를 채운 뒤 제출, wait --url "**/dashboard"로 성공 여부 검증.
  2. 로그인 상태 재사용 크롤링: 최초 1회 로그인 후 state save auth.json, 이후 state load auth.json으로 매번 로그인 없이 대시보드 데이터를 get text로 수집.
  3. 배포 전후 시각 회귀 검사: diff url https://staging.example.com https://www.example.com --screenshot으로 두 환경의 스냅샷과 픽셀 차이를 한 번에 비교.

· · · 설치 가이드 · · ·

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 code-yeongyu/oh-my-openagent 의 packages/skills-loader-core/src/features/builtin-skills/agent-browser 폴더를 내 ~/.claude/skills/code-yeongyu-agent-browser/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/code-yeongyu/oh-my-openagent.git /tmp/oma && mkdir -p ~/.claude/skills && cp -r /tmp/oma/packages/skills-loader-core/src/features/builtin-skills/agent-browser ~/.claude/skills/ && bun add -g agent-browser && agent-browser install

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. Node 런타임(bun 또는 npm)이 설치돼 있는지 확인합니다.
  2. CLI를 전역 설치합니다: bun add -g agent-browser (또는 npm i -g agent-browser).
  3. 브라우저 엔진을 내려받습니다: agent-browser install (리눅스는 agent-browser install --with-deps).
  4. 스킬 파일을 가져옵니다: git clone https://github.com/code-yeongyu/oh-my-openagent.git /tmp/oma.
  5. 스킬 폴더를 복사합니다: mkdir -p ~/.claude/skills && cp -r /tmp/oma/packages/skills-loader-core/src/features/builtin-skills/agent-browser ~/.claude/skills/.
  6. Claude Code를 재시작한 뒤 "이 사이트 스크린샷 찍어줘" 같은 요청으로 동작을 확인합니다.
  7. (권장) 민감한 작업 전에는 --allowed-domains, --confirm-actions 옵션이나 ~/.agent-browser/config.json으로 접근 범위를 제한하세요.
GitHub에서 원본 보기 ↗라이선스: NOASSERTION