What is it?
Claude가 특정 요구 사항에 맞는 맞춤형 Playwright 스크립트를 작성하고 실행할 수 있게 하는 범용 브라우저 자동화 스킬입니다. 사전 구축된 테스트 프레임워크와 달리 Claude는 간단한 페이지 테스트부터 복잡한 다단계 플로우까지 모든 작업에 맞춤형 자동화 코드를 즉석에서 동적으로 생성합니다. 브라우저는 쉬운 디버깅 및 확인을 위해 기본적으로 보이게 실행됩니다.
How to use it?
스킬은 대화식 워크플로우를 따릅니다:
-
요구 사항 설명 - Claude에게 테스트하거나 자동화하고자 하는 것을 간단히 말하세요(예: "홈페이지 테스트", "연락처 양식이 작동하는지 확인", "가입 플로우 확인")
-
자동 감지 - 스킬이 머신에서 실행 중인 개발 서버를 자동으로 감지합니다. 외부 사이트를 테스트하는 경우 Claude가 URL을 요청합니다.
-
코드 생성 - Claude는 특정 요청에 맞춤화된 Playwright 코드를 작성하고
/tmp/playwright-test-*.js에 저장합니다 -
실행 - 스크립트는 적절한 모듈 해상도를 처리하는 유니버설 실행기(
run.js)를 통해 실행됩니다. 브라우저는 자동화를 실시간으로 볼 수 있도록 기본적으로 보이게 열립니다. -
결과 - 콘솔 출력, 스크린샷 및 캡처한 데이터를 확인하세요. 테스트 파일은 OS에 의해 /tmp에서 자동으로 정리됩니다.
구성 파일도, 사전 구축된 테스트도 없습니다 - Claude가 자연어 요청을 작동하는 자동화 코드로 변환합니다.
Key Features
- 맞춤 코드 생성 - Claude는 템플릿에 제한되지 않고 정확한 요청에 맞춤화된 새로운 Playwright 스크립트 작성
- 기본적으로 보이는 브라우저 - 쉬운 디버깅을 위해 `headless: false`로 자동화 실행을 실시간으로 확인
- 개발 서버 자동 감지 - 로컬 개발 서버를 자동으로 찾아 테스트
- 제로 모듈 해상도 오류 - 유니버설 실행기가 구성 없이 적절한 모듈 액세스 보장
- 점진적 API 문서 - 필요할 때만 로드되는 전체 API 참조가 포함된 간결한 SKILL.md
- 안전한 임시 파일 관리 - /tmp에 작성된 스크립트는 OS에 의해 자동 정리
- 모든 사이트와 작동 - 로컬 개발 서버 또는 외부 웹사이트 테스트
- 포괄적인 헬퍼 - 필요할 때 사용할 수 있는 일반 작업용 선택적 유틸리티 함수
Related Skills
More from Developer ToolsiOS Simulator Skill
21 production-ready scripts for iOS app testing, building, and automation with semantic UI navigation
Auto Write Tests
Automated test writing orchestration system that discovers test infrastructure, analyzes code changes, and dispatches parallel agents to write comprehensive test coverage
Auto Fix Tests
Systematic failing test repair orchestration with auto-discovery, parallel agent fixes, and full verification, emphasizing fixing tests without modifying business logic