playwright-cli

테스트브라우저 테스트VoltAgent/voltagent

Playwright 기반 브라우저 자동화 도구로, 명령어로 웹 페이지를 열고 요소를 클릭하거나 입력하며 스크린샷, PDF, 쿠키·저장소 관리, 네트워크 모킹, 추적과 녹화까지 수행합니다. 페이지 스냅샷에서 얻은 참조 번호로 요소를 지정해 폼 작성, 다중 탭 작업, 웹 앱 테스트를 순서대로 진행할 수 있습니다.

이럴 때 쓰세요 웹사이트에서 로그인 후 폼을 채우고 결과 화면을 캡처해 테스트 증적으로 남겨야 할 때

브라우저 자동화E2E 테스트웹 스크린샷폼 자동 입력웹 데이터 추출
GitHub에서 보기SKILL.md 원문

설치 전에 확인하세요

AI가 SKILL.md에서 스크립트·프로그램 실행과 외부 네트워크 접속 내용을 찾았습니다. 설치 전에 원문을 확인하세요.

GitHub 기록

저장소 스타
1.1만
저장소 업데이트
2026.10.15
라이선스
MIT
SKILL.md 경로
examples/with-workspace/workspace/skills/playwright-cli/SKILL.md
스크립트 파일
없음, 지침 문서만 있음

AI가 SKILL.md를 읽고 판단

코드 실행
있음
네트워크 접속
있음
외부 계정
확인되지 않음
난이도
중급
직군
개발자, 데이터 분석가

확인되지 않음은 AI가 SKILL.md에서 찾지 못했다는 뜻입니다. 없다는 보장은 아닙니다.

설치

터미널에 붙여 넣어 실행하세요. macOS와 Linux 기준이며 git이 필요합니다. Windows에서는 PowerShell이 아니라 Git Bash에서 실행하세요. 저장소를 임시로 내려받아 스킬 폴더만 복사합니다.

모든 프로젝트에서 쓰기

tmp=$(mktemp -d) && git clone --depth 1 https://github.com/VoltAgent/voltagent.git "$tmp"
mkdir -p "$HOME/.claude/skills"/playwright-cli
cp -R "$tmp"/examples/with-workspace/workspace/skills/playwright-cli/. "$HOME/.claude/skills"/playwright-cli/
rm -rf "$tmp"

현재 프로젝트에서만 쓰기

먼저 터미널에서 프로젝트 폴더로 이동하세요.

tmp=$(mktemp -d) && git clone --depth 1 https://github.com/VoltAgent/voltagent.git "$tmp"
mkdir -p .claude/skills/playwright-cli
cp -R "$tmp"/examples/with-workspace/workspace/skills/playwright-cli/. .claude/skills/playwright-cli/
rm -rf "$tmp"

설치한 뒤 Claude Code에서 새 세션을 시작하세요. '이럴 때 쓰세요'에 적힌 일을 요청하면 에이전트가 스킬을 불러옵니다. 스킬은 ~/.claude/skills/playwright-cli에 있습니다. 프로젝트에 설치했다면 .claude/skills/playwright-cli에 있습니다.

같은 분류의 스킬

  1. 테스트

    rea-ci-tests-audit

    테스트 작성 morluto/rea

    REA 저장소의 CI와 테스트 스위트가 실제 회귀를 잡고 있는지 점검합니다. 픽스처가 현재 요구 사항과 어긋나는지, 실패해야 할 테스트가 통과하는지, 느린 구간이 어디인지 재현과 측정으로 확인해 근거 있는 결론을 냅니다. 검증된 수정이나 중단 판단으로 마무리하며, 테스트 커버리지를 줄이지 않고 비용을 낮추는 방향을 찾습니다.

    REA 저장소에서 CI 워크플로가 느리거나 테스트가 통과했는데 실제 동작을 보장하지 못하는 것 같아 스위트 전체를 감사해야 할 때

    코드 실행네트워크 업데이트 2026.11.04 42.7만
  2. 테스트

    browser-testing-with-devtools

    브라우저 테스트 addyosmani/agent-skills

    브라우저에서 실행되는 화면의 실제 동작을 에이전트가 직접 확인하게 해 줍니다. 화면 캡처, DOM 구조, 콘솔 오류, 네트워크 요청, 성능 측정 값을 보면서 UI 버그의 원인을 찾고 수정 후 결과를 다시 검증합니다. 전용 프로필로 실행하는 것을 기본으로 하며, 브라우저에서 읽은 내용은 지시로 따르지 않고 보고합니다.

    화면이 브라우저에서 제대로 안 보이거나 콘솔 오류가 날 때 실제 페이지 상태를 보며 원인을 찾아야 할 때

    코드 실행네트워크 업데이트 2026.11.01 11.3만
  3. 테스트

    codex-qa

    QA code-yeongyu/oh-my-openagent

    omo Codex Light 에디션(lazycodex, packages/omo-codex)의 훅이 실제 Codex 세션에서 동작하는지 점검합니다. 훅 시작과 완료 알림을 확인해 어떤 훅이 발동했는지 증명하고, 설치 결과, 컴포넌트별 훅 출력, TUI 기동 여부를 차례로 확인합니다. 문제가 생기면 실행 로그를 살펴볼 방법도 안내합니다.

    omo Codex 플러그인의 훅, 컴포넌트, 설치 설정이나 TUI를 고친 뒤 실제 동작을 검증해야 할 때

    코드 실행네트워크 업데이트 2026.11.04 7.1만
  4. 테스트

    agent-browser

    브라우저 테스트 shanraisshan/claude-code-best-practice

    웹사이트를 열고 버튼 클릭, 양식 입력, 데이터 추출, 스크린샷 촬영을 자동으로 수행하도록 돕는 브라우저 자동화 도구입니다. 페이지의 요소를 스냅샷으로 확인한 뒤 참조 번호로 조작하는 방식으로 진행하며, 로그인 상태를 저장해 다음 작업에서 재사용할 수 있습니다. 웹 앱 테스트나 반복적인 웹 작업에 활용할 수 있습니다.

    웹 양식을 반복해서 채우거나 페이지에서 데이터를 긁어 와야 할 때

    코드 실행네트워크 업데이트 2026.11.03 6.9만