Sponsored by Vmake Labs Video Enhancer - Vmake Labs Video Enhancer는 AI를 활용해 동영상 화질을 개선하고, 디테일을 복원하며, 흐림을 줄이고 최대 8K까지 업스케일링합니다.

AI 광고 라이브러리

Openclaw Skills

playwright-cli

Openclaw용 playwright-cli

원활한 브라우저 상호 작용, 상태 관리 및 자동화된 웹 테스트를 가능하게 하는 Playwright용 포괄적인 명령줄 인터페이스입니다.

lushi516

v0.1.9

Apr 30, 2026

설치

정보

Skill.md

설치 및 다운로드

1. ClawHub CLI

레지스트리에서 스킬을 바로 설치하는 가장 빠른 방법입니다.


                  npx clawhub@latest install microsoft-playwright-cli

2. 수동 설치

스킬 폴더를 다음 위치 중 하나로 복사하세요

글로벌

~/.openclaw/skills/

워크스페이스

<project>/skills/

우선순위: 워크스페이스 > 로컬 > 번들

3. 프롬프트 설치

이 프롬프트를 OpenClaw에 복사하면 자동으로 설치됩니다.


                  Clawhub를 사용해서 microsoft-playwright-cli 설치를 도와줘. Clawhub가 설치되어 있지 않다면 먼저 설치해 줘 (npm i -g clawhub).

다운로드를 원하시나요?

ZIP 아카이브 형태의 원본 스킬 파일을 받으세요.

playwright-cli란 무엇인가요?

playwright-cli는 터미널이나 자동화된 워크플로 내에서 직접 웹 페이지와 상호 작용해야 하는 개발자를 위해 설계된 강력한 브라우저 자동화 도구입니다. Openclaw Skills 컬렉션의 일부로서 Playwright 라이브러리에 대한 높은 수준의 추상화를 제공하여 전체 스크립트를 작성하지 않고도 클릭, 입력, 양식 제출과 같은 복잡한 브라우저 작업을 신속하게 실행할 수 있습니다.

이 스킬은 현대적인 웹 기술을 처리하는 능력 덕분에 특히 가치가 있으며, 스냅샷 생성, 네트워크 요청 모킹, 다중 탭 관리와 같은 기능을 제공합니다. 수동 브라우징과 대규모 자동화 테스트 사이의 간극을 메워주며, 웹 리서치나 프런트엔드 개발을 위해 Openclaw Skills를 활용하는 모든 이들에게 필수적인 도구입니다.

playwright-cli 활용 사례

반복적인 양식 제출 및 데이터 입력 작업 자동화.
페이지 레이아웃 확인을 위한 UI 스냅샷 생성 및 검사.
헤드리스 또는 헤디드 브라우저에서 네트워크 요청 및 콘솔 로그 디버깅.
프로그래밍 방식으로 웹 콘텐츠의 고품질 스크린샷 및 PDF 캡처.
브라우저 cookies 및 localStorage를 저장하고 로드하여 복잡한 인증 상태 관리.

playwright-cli 작동 원리

세션을 시작하려면 open 또는 attach 명령을 사용하여 브라우저 인스턴스를 실행합니다.
스냅샷의 단순화된 요소 참조를 사용하여 goto, click 또는 fill과 같은 상호 작용 명령을 실행합니다.
DOM의 YAML 기반 표현을 제공하는 자동 또는 수동 스냅샷을 통해 페이지 상태를 분석합니다.
탭, 스토리지 상태 및 네트워크 라우팅을 위한 특수 명령을 사용하여 환경을 관리합니다.
세션을 종료하거나 향후 자동화 작업을 위해 영구 상태를 저장합니다.

playwright-cli 설정 가이드

이 스킬을 시작하려면 npx를 통해 명령을 사용할 수 있는지 확인하거나 npm을 사용하여 전역으로 설치하세요:

# Check for local version
npx --no-install playwright-cli --version

# Global installation
npm install -g @playwright/cli@latest

playwright-cli 데이터 스키마 및 분류 체계

이 스킬은 구조화된 디렉터리와 특정 파일 형식을 통해 브라우저 데이터 및 스냅샷을 관리합니다:

데이터 유형	형식	설명
Snapshots	.yml	페이지 구조 및 요소 참조(예: e1, e2)가 포함된 YAML 파일.
Auth State	.json	세션 유지를 위한 cookies 및 localStorage 저장소.
Media	.png / .pdf	screenshot 및 pdf 명령의 시각적 출력.
Tracing	.zip	상호 작용의 심층 디버깅을 위한 Playwright 추적 파일.

playwright-cli 고급 기능

명명된 세션: -s 플래그를 사용하여 여러 개의 격리된 브라우저 인스턴스를 동시에 실행합니다.
요청 모킹: 사용자 정의 상태 코드 및 본문으로 네트워크 트래픽을 가로채고 수정합니다.
JavaScript 실행: eval 및 run-code 명령을 사용하여 페이지 컨텍스트에서 직접 사용자 정의 스크립트를 평가합니다.
시각적 디버깅: show --annotate 기능을 활용하여 더 나은 컨텍스트를 위해 UI 요소를 대화식으로 강조 표시하고 레이블을 지정합니다.
CDP 통합: Chrome DevTools Protocol을 통해 기존 Chrome 또는 Edge 인스턴스에 연결합니다.