browser-automation
WebDriver로 브라우저 작업 자동화
브라우저 테스트와 웹 스크래핑을 수동으로 수행하면 시간이 많이 들고 오류가 발생하기 쉽습니다. 이 스킬은 WebDriver 프로토콜을 사용하여 엔터프라이즈급 브라우저 자동화를 제공하며, Chrome, Firefox, Edge에서 신뢰할 수 있는 양식 작성, 스크린샷 캡처, 성능 모니터링 및 다단계 웹 워크플로우를 가능하게 합니다.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「browser-automation」を使用しています。 https://example.com으로 이동하고 페이지의 모든 제목 요소를 찾으세요.
期待される結果:
- 페이지 로드 성공: https://example.com
- 제목 요소 3개 발견:
- - H1: Example에 오신 것을 환영합니다
- - H2: 우리 서비스
- - H2: 문의하기
「browser-automation」を使用しています。 https://example.com/contact의 연락 양식을 name='John Doe', email='john@example.com', message='Hello World'로 작성한 후 제출하세요.
期待される結果:
- 연락 양식으로 이동
- 이름 필드 작성 완료: 'John Doe'
- 이메일 필드 작성 완료: 'john@example.com'
- 메시지 필드 작성 완료: 'Hello World'
- 제출 버튼 클릭
- 양식 제출 성공
- 확인 메시지: '메시지를 보내주셔서 감사합니다!'
「browser-automation」を使用しています。 https://example.com의 페이지 로드 성능을 JavaScript 실행 시간을 측정하고 핵심 웹 바이탈을 보고하여 확인하세요.
期待される結果:
- 페이지 로드됨: https://example.com
- JavaScript 실행 시간: 245ms
- DOM 콘텐츠 로드: 312ms
- 페이지 전체 로드: 1.2초
- 리소스 수: 15개
- 총 전송 크기: 450KB
セキュリティ監査
中リスクThe static analyzer detected 379 potential issues across documentation and example files. After evaluation, all findings are FALSE_POSITIVES - patterns appear in documentation examples, not executable code. The skill is a legitimate browser automation tool using WebDriver protocol with no malicious intent or exploitable vulnerabilities.
高リスクの問題 (2)
中リスクの問題 (3)
低リスクの問題 (2)
リスク要因
⚙️ 外部コマンド (6)
🌐 ネットワークアクセス (6)
📁 ファイルシステムへのアクセス (7)
🔑 環境変数 (1)
検出されたパターン
品質スコア
作れるもの
자동화된 종단 간 테스트
QA 엔지니어는 이 스킬을 사용하여 다양한 브라우저에서 웹 애플리케이션 기능을 수동 개입 없이 확인하는 신뢰할 수 있는 브라우저 테스트를 생성합니다.
대규모 웹 데이터 추출
데이터 엔지니어 및 연구원은 JavaScript 렌더링이 필요한 동적 웹사이트의 스크래핑을 자동화하여 분석 파이프라인을 위한 구조화된 데이터를 추출합니다.
자동화된 양식 처리
비즈니스 사용자는 반복적인 웹 기반 양식 제출, 데이터 입력 작업 및 여러 웹 페이지를跨がる 워크플로우 프로세스를 자동화합니다.
これらのプロンプトを試す
브라우저 자동화 스킬을 사용하여 https://example.com으로 이동하고 페이지 제목이 무엇인지 알려주세요.
https://example.com/login의 로그인 페이지로 이동하여 사용자 이름 필드에 'testuser', 비밀번호 필드에 'password123'을 입력한 후 제출 버튼을 클릭하고 결과를 보고하세요.
https://example.com/dashboard으로 이동하여 페이지가 완전히 로드될 때까지 기다린 후(5초) /tmp/dashboard.png에 저장된 전체 페이지 스크린샷을 찍습니다. 완료되면 파일 경로를 보고하세요.
다음 다단계 워크플로우를 실행하세요: 1) https://example.com/shop으로 이동, 2) 'wireless headphones' 검색, 3) 첫 번째 제품 클릭, 4) 장바구니에 추가, 5) 장바구니 페이지로 이동, 6) 장바구니 내용물 스크린샷 촬영. 각 단계 결과를 보고하세요.
ベストプラクティス
- 다양한 페이지 로드 속도에서 신뢰할 수 있는 요소 감지를 위해 고정된 슬립 지연 대신 타임아웃 설정과 함께 명시적 대기를 사용하세요.
- 호환성 및 보안 패치를 위해 브라우저 버전과 일치하도록 브라우저 드라이버를 업데이트하세요.
- 장시간 실행되는 자동화 중 디스크 공간 문제를 방지하기 위해 스크린샷 및 다운로드를 지정된 디렉토리에 저장하고 적절히 정리하세요.
回避
- 대체 전략 없이 선택자를 하드코딩하지 마세요 - 페이지 구조가 변경되면 자동화가 작동하지 않습니다.
- 네트워크 타임아웃 및 요소 미발견 예외에 대한 오류 처리를 건너뛰지 마세요 - 이러한 문제는 실제 웹 자동화에서 흔합니다.
- 리소스 소진을 방지하기 위해 프로덕션 환경에서 연결 풀링 없이 여러 브라우저 인스턴스를 실행하지 마세요.