클로드스킬마트스킬 둘러보기바로 쓰는 문장영상으로 배우기터미널 사용법스킬이 뭐예요?
 
← 목록으로

브라우저 자동화 (Playwright)

Playwright로 웹 스크래핑, 폼 자동 입력, 스크린샷·PDF 캡처, 로그인 세션 재사용까지 실무형 브라우저 자동화 워크플로를 설계해 주는 스킬.

자동화·워크플로중급★ 24,151⑂ 3,405AI 점수 9/10마지막 업데이트: 2026. 8. 9.

무엇을 해주나

  • 웹페이지에서 표·목록·중첩 데이터를 JSON/CSV로 추출하는 Playwright 코드 패턴을 제시합니다.
  • 페이지네이션(다음 버튼, ?page=N, 무한 스크롤, 더보기)과 SPA·AJAX 대기 전략을 알려줍니다.
  • 로그인 후 storage_state.json으로 세션을 저장·복원해 반복 작업 시간을 줄입니다.
  • 다단계 폼 입력, 파일 업로드, 다운로드 처리 흐름을 단계별 함수로 나눠 구성합니다.
  • 전체/요소 스크린샷, PDF 저장(Chromium 전용), 시각 회귀 베이스라인 네이밍 규칙을 제공합니다.
  • navigator.webdriver 제거, UA·뷰포트 현실화, 요청 지연, 프록시 등 봇 탐지 회피 우선순위와 429 대응·지수 백오프 재시도를 정리합니다.
  • 하드코딩 대기, 자격증명 하드코딩, robots.txt 무시 등 흔한 안티패턴을 짚어줍니다.

이런 분께 추천

  • Python으로 스크래핑·데이터 파이프라인을 만드는 개발자/데이터 엔지니어
  • 사내 포털 로그인·리포트 다운로드 같은 반복 업무를 자동화하려는 실무자
  • Selenium에서 Playwright로 옮기며 안정적인 셀렉터 전략이 필요한 분
  • E2E 테스트가 목적이라면 이 스킬 대신 playwright-pro 계열을 사용하세요.

활용 예시

  1. "이 쇼핑몰 검색 결과 50페이지를 긁어서 상품명·가격·링크를 CSV로 만들어줘" → 페이지네이션 루프 + 중복 제거 + 증분 저장 스크립트 생성.
  2. "사내 포털에 로그인해서 월간 리포트를 매일 아침 내려받는 스크립트 만들어줘" → 세션 상태 저장·복원 + expect_download() 기반 다운로드 처리.
  3. "대시보드 차트 영역만 매일 PNG로 캡처해 비교하고 싶어" → 요소 스크린샷 + {page}_{viewport}_{state}.png 베이스라인 규칙 적용.

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/alirezarezvani/claude-skills/HEAD/.gemini/skills/browser-automation/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.

↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.

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

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

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 alirezarezvani/claude-skills 의 .gemini/skills/browser-automation 폴더를 내 ~/.claude/skills/browser-automation/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/alirezarezvani/claude-skills.git /tmp/claude-skills && mkdir -p ~/.claude/skills && cp -r /tmp/claude-skills/.gemini/skills/browser-automation ~/.claude/skills/

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

  1. 터미널을 엽니다.
  2. 저장소를 내려받습니다: git clone https://github.com/alirezarezvani/claude-skills.git
  3. 스킬 폴더를 만듭니다: mkdir -p ~/.claude/skills
  4. 스킬을 복사합니다: cp -r claude-skills/.gemini/skills/browser-automation ~/.claude/skills/
  5. Playwright를 설치합니다: pip install playwright 후 python3 -m playwright install chromium
  6. Claude Code를 다시 시작하고 "이 사이트에서 데이터를 스크래핑해줘"처럼 요청하면 스킬이 자동 호출됩니다.
  7. 로그인 자동화 시 아이디·비밀번호는 코드에 직접 넣지 말고 .env나 환경변수로 전달하세요.
GitHub에서 원본 보기 ↗라이선스: MIT