클로데스킬스 문서Webapp Testing 스킬 - Claude로 브라우저 테스트
Webapp Testing 스킬은 Claude가 Playwright로 브라우저를 조작하게 합니다: 클릭 플로우, 스크린샷, 디버깅까지 완전 해설.
출처: anthropics/skills(MIT)에서 내용을 각색. 최종 동기화: 2026년 7월 8일 (업스트림 업데이트: 2026년 4월 20일).
개요
공식 설명: "Toolkit for interacting with and testing local web applications using Playwright: verifying frontend functionality, debugging UI behavior, capturing screenshots, viewing browser logs."
이 스킬의 작동 방식
SKILL.md는 의사결정 트리를 중심으로 구성됩니다: Claude가 먼저 과제에 맞는 접근(정적 HTML / 켜야 하는 dev 서버 / 이미 돌아가는 앱)을 고르고, 그다음 정찰 후 행동 패턴 - 요소와 상태를 먼저 파악하고 그다음 조작 - 을 따릅니다. 가장 흔한 함정(페이지 안정화 전 조작)과 안정적 자동화 모범 사례도 문서화되어 있습니다.
핵심 유틸리티는 scripts/with_server.py: dev 서버를 켜고, 준비될 때까지 기다리고, Playwright 상호작용을 실행한 뒤 깔끔하게 정리합니다.
스킬 폴더 구성
scripts/with_server.py- 테스트용 서버 라이프사이클 래퍼examples/static_html_automation.py- 정적 페이지 조작examples/element_discovery.py- 정찰 패턴 코드 예제examples/console_logging.py- 브라우저 로그 수집SKILL.md,LICENSE.txt
나만의 스킬을 만들 때 배울 점
- 의사결정 트리를 맨 앞에: Claude를 이른 시점에 올바른 하위 플로우로 보내는 것이 도구 오용 대부분을 막습니다.
- 실행되는 예제(스크립트 3개)가 API 문서보다 빨리 가르칩니다.
GitHub에서 보기
MCP Builder - Claude로 MCP 서버를 만드는 스킬
MCP Builder 스킬이 Claude의 Model Context Protocol 서버 구축을 돕는 방식: 툴 정의부터 평가 스위트까지 SKILL.md 완전 해설.
문서 공동 작성
문서 공동 작성을 위한 구조화된 워크플로를 사용자에게 안내합니다. 사용자가 문서, 제안서, 기술 사양, 의사 결정 문서 또는 유사한 구조의 콘텐츠를 작성하려고 할 때 사용합니다. 이 워크플로는 사용자가 효율적으로 컨텍스트를 전달하고, 반복을 통해 콘텐츠를 구체화하고, 문서가 독자에게 적합한지 확인하는 데 도움이 됩니다. 사용자가 문서 작성, 제안서 작성, 사양 초안 작성 또는 유사한 문서 작업을 언급할 때 트리거됩니다.