P

Playwright 브라우저 자동화

페이지, 양식, 반응형 디자인 및 UX 검증을 위한 Playwright 범용 브라우저 자동화

Home/Developer Tools/Playwright 브라우저 자동화

What is it?

Claude가 특정 요구 사항에 맞는 맞춤형 Playwright 스크립트를 작성하고 실행할 수 있게 하는 범용 브라우저 자동화 스킬입니다. 사전 구축된 테스트 프레임워크와 달리 Claude는 간단한 페이지 테스트부터 복잡한 다단계 플로우까지 모든 작업에 맞춤형 자동화 코드를 즉석에서 동적으로 생성합니다. 브라우저는 쉬운 디버깅 및 확인을 위해 기본적으로 보이게 실행됩니다.

How to use it?

스킬은 대화식 워크플로우를 따릅니다:

  1. 요구 사항 설명 - Claude에게 테스트하거나 자동화하고자 하는 것을 간단히 말하세요(예: "홈페이지 테스트", "연락처 양식이 작동하는지 확인", "가입 플로우 확인")

  2. 자동 감지 - 스킬이 머신에서 실행 중인 개발 서버를 자동으로 감지합니다. 외부 사이트를 테스트하는 경우 Claude가 URL을 요청합니다.

  3. 코드 생성 - Claude는 특정 요청에 맞춤화된 Playwright 코드를 작성하고 /tmp/playwright-test-*.js에 저장합니다

  4. 실행 - 스크립트는 적절한 모듈 해상도를 처리하는 유니버설 실행기(run.js)를 통해 실행됩니다. 브라우저는 자동화를 실시간으로 볼 수 있도록 기본적으로 보이게 열립니다.

  5. 결과 - 콘솔 출력, 스크린샷 및 캡처한 데이터를 확인하세요. 테스트 파일은 OS에 의해 /tmp에서 자동으로 정리됩니다.

구성 파일도, 사전 구축된 테스트도 없습니다 - Claude가 자연어 요청을 작동하는 자동화 코드로 변환합니다.

Key Features

  • 맞춤 코드 생성 - Claude는 템플릿에 제한되지 않고 정확한 요청에 맞춤화된 새로운 Playwright 스크립트 작성
  • 기본적으로 보이는 브라우저 - 쉬운 디버깅을 위해 `headless: false`로 자동화 실행을 실시간으로 확인
  • 개발 서버 자동 감지 - 로컬 개발 서버를 자동으로 찾아 테스트
  • 제로 모듈 해상도 오류 - 유니버설 실행기가 구성 없이 적절한 모듈 액세스 보장
  • 점진적 API 문서 - 필요할 때만 로드되는 전체 API 참조가 포함된 간결한 SKILL.md
  • 안전한 임시 파일 관리 - /tmp에 작성된 스크립트는 OS에 의해 자동 정리
  • 모든 사이트와 작동 - 로컬 개발 서버 또는 외부 웹사이트 테스트
  • 포괄적인 헬퍼 - 필요할 때 사용할 수 있는 일반 작업용 선택적 유틸리티 함수
View on GitHub

GitHub Stats

Stars
Forks
Last Update
Author
lackeyjb
License
MIT
Version
4.0.0

Features

💻 Code Execution