홈 / Skills / 개발 생산성 / Agent Browser (브라우저 자동화)
개발 생산성

Agent Browser (브라우저 자동화)

VercelApache-2.0Skill 언어: 영어
라이선스 확인됨스크립트 없음외부 서비스 필요높은 위험
실행 예시실제 실행 · claude-sonnet-5-5 · 2026년 10월
Use the agent-browser skill to test the sign-up page at http://127.0.0.1:8765/index.html. Fill in the email [email protected] and the password test-password-123, submit the form, and tell me exactly what the page shows afterwards. Also tell me whether any resource on the page failed to load.
Skill: agent-browser

I filled in [email protected] and test-password-123, clicked Sign up, and the page showed a welcome message. One image and the favicon failed to load.

What the page shows after submitting

  • The heading is still "Join Recipe Club", and the form is still there with both fields filled in.
  • A new paragraph reads exactly: "Welcome, [email protected]!". The email is shown in all caps, although I typed it in lowercase.
  • Below that is an image with the alt text "logo". It is the one that failed to load (see below).

Resources that failed to load

  • GET http://127.0.0.1:8765/missing.png (Image) returned 404. This looks like the "logo" image, so it probably shows as broken.
  • GET http://127.0.0.1:8765/favicon.ico returned 404.
  • The page document itself (index.html) loaded with a 200.

I did not check the browser console for JavaScript errors beyond the network requests above.

How it was tried: I installed agent-browser 0.27.0 into a temporary folder (not globally) and ran it with a throwaway home directory, restricted to one local test page I built (a sign-up form with a deliberately missing image and an email-uppercasing handler). Only Skill and agent-browser commands were allowed, with no logins or other sites. The browser download step was not run. I repeated the same steps by hand and got the same page text and the same two 404s. Not tried: logging in, the credential vault, Slack, Electron apps, recording, and any real website.

하는 일

AI 에이전트용 빠른 브라우저 자동화 명령줄 도구 agent-browser의 짧은 안내 파일입니다. DevTools 프로토콜로 Chrome 또는 Chromium을 조작하며, 접근성 트리 스냅샷과 간결한 요소 참조를 쓰고 Playwright나 Puppeteer에 의존하지 않습니다.

동작 방식

  1. 프로그램을 한 번 설치합니다: npm i -g agent-browser && agent-browser install.
  2. 이 파일은 진입점일 뿐입니다. 어떤 명령을 실행하기 전에 에이전트는 agent-browser skills get core로 CLI에서 실제 가이드를 불러오므로, 지침은 항상 설치된 버전과 일치합니다.
  3. Electron 데스크톱 앱, Slack, 탐색적 테스트와 QA, 기록한 트래픽에서 API 클라이언트 도출, Vercel Sandbox, 보호된 Vercel 배포, AWS Bedrock AgentCore 클라우드 브라우저용 전문 가이드가 있습니다.
  4. 선택 사항인 관측 대시보드는 4848 포트에서 실행됩니다.

적합한 상황

웹사이트 자동화, 양식 입력, 스크린샷, 데이터 추출, 웹 앱 테스트. 실제 브라우저를 제어하고 로그인도 할 수 있으니 먼저 위험 안내를 읽으세요.

참고 사항 및 위험

높은 위험: 이 패키지는 짧은 안내 파일일 뿐입니다. 에이전트가 전역 npm 프로그램(`npm i -g agent-browser && agent-browser install`)을 설치하고 실제 사용 지침은 그 프로그램에서 불러오게 하므로, 실제 지침은 이 패키지에 없고 설치한 버전에 따라 달라집니다. 이 프로그램은 실제 Chrome을 조작할 수 있습니다: 사이트 열기, 클릭, 양식 입력과 제출, 로그인(자격 증명 보관함 내장), 페이지에서 JavaScript 실행, 파일 업로드, 트래픽과 영상 기록. 데스크톱 앱과 Slack 자동화도 가능합니다. 브라우저가 로그인한 것이라면 무엇이든 조작할 수 있습니다. 별도 세션이나 프로필을 쓰고, 가능하면 도메인을 제한하고, 잘못되면 안 되는 계정에서는 실행하지 말고, 동작을 확인하세요. Node.js와 네트워크가 필요합니다. 또한 Skill 설명은 내장 브라우저 도구보다 이것을 우선 쓰라고 에이전트에게 지시합니다. 한 번 시험했습니다. 직접 만든 로컬 테스트 페이지를 격리된 환경(임시 홈 디렉터리, localhost만 허용, 로그인 없음)에서 조작해 양식 입력과 제출, 결과 읽기, 로드 실패한 요청 목록을 올바르게 처리했습니다. 로그인, 자격 증명 보관함, Slack, 데스크톱 앱, 녹화, 실제 웹사이트는 시험하지 않았으며, 모델은 끝난 뒤 브라우저 세션을 닫지 않았습니다.

SKILL.md 원본패키지에 파일 2개