🤖
Agent Browser
브라우저 브라우저 및 자동화설치 명령어
npx clawhub@latest install agent-browser
설치 안내
1
환경 확인
Node.js 22 이상과 OpenClaw가 설치되어 있는지 확인하세요. 터미널에서 openclaw --version을 실행하여 확인할 수 있습니다.
2
설치 실행
위의 설치 명령어를 터미널에서 실행하세요. ClawHub가 자동으로 Agent Browser을(를) ~/.openclaw/skills/ 디렉토리에 다운로드하고 설치합니다.
3
설치 확인
openclaw skills list를 실행하여 설치된 스킬 목록을 확인하고, Agent Browser이(가) 목록에 표시되는지 확인하세요.
4
매개변수 설정 (선택사항)
아래 소개의 설정 안내에 따라 ~/.config/openclaw/openclaw.json5에 스킬 설정 항목을 추가하세요.
수동 설치 방법: Skill 폴더를
~/.openclaw/skills/ 또는 프로젝트의 skills/ 디렉토리에 복사하세요. 폴더에 SKILL.md 파일이 포함되어 있어야 합니다.
Playwright
폼 작성
스크린샷
상세 소개
Agent Browser는 OpenClaw의 '눈과 손'으로, AI가 사람처럼 웹 브라우저를 제어하여 다양한 웹 인터랙션 작업을 수행합니다.
핵심 기능
- 웹페이지 탐색: URL 열기, 내비게이션, 스크롤, 페이지 로드 대기
- 요소 상호작용: 버튼 클릭, 폼 작성, 드롭다운 선택, 파일 업로드
- 정보 추출: 페이지 텍스트 가져오기, 테이블 데이터 읽기, 특정 요소 내용 추출
- 스크린샷: 전체 페이지 또는 특정 영역 캡처
- 다중 탭: 여러 탭을 동시에 열고 조작 지원
- Cookie 관리: 로그인 상태 저장 및 복원
설정 방법
Playwright 의존성을 설치해야 합니다.
{
skills: {
"agent-browser": {
headless: true,
viewport: { width: 1280, height: 720 },
timeout: 30000,
userAgent: "custom-ua-string"
}
}
}
설치 후 npx playwright install chromium 명령으로 브라우저 커널도 설치해야 합니다.
사용 시나리오
- 온라인 폼 및 신청서 자동 작성
- JavaScript 렌더링이 필요한 동적 웹페이지 콘텐츠 크롤링
- 웹사이트 기능 자동 테스트
- 보고서나 아카이브용 웹페이지 스냅샷 캡처
참고 사항
브라우저 자동화는 시스템 리소스를 상당히 소모합니다. 서버 측에서는 headless 모드로 실행하고 적절한 타임아웃을 설정하는 것을 권장합니다.