Playwright

e2e-testing 스킬은 안정적인 엔드투엔드 테스트 자동화를 위한 Playwright 중심 가이드입니다. 파일 구성, Page Object Model 활용, 설정, CI 대응, 아티팩트 디버깅, flaky 테스트 처리 패턴까지 함께 다룹니다.

ui-demo는 Playwright, 보이는 커서 이동, 자연스러운 템포를 활용해 세련된 웹 앱 데모 영상을 녹화하는 데 도움을 줍니다. 워크스루, 온보딩 클립, 기능 소개, 튜토리얼형 녹화에 ui-demo 스킬을 사용하세요. 안정적인 결과를 위해 discover, rehearse, record 순서의 워크플로를 따르세요. 특히 프로토타입이나 빠르게 변하는 UI에서 유용합니다.

tdd-workflow는 새 기능 개발, 버그 수정, 리팩터링을 위한 테스트 우선 워크플로 스킬입니다. 단위 테스트, 통합 테스트, E2E 테스트 전반에서 80% 이상의 커버리지를 요구하고, 명확한 체크포인트와 엣지 케이스 검증까지 포함해 TDD를 강제합니다. Test Automation과 더 예측 가능한 코드 변경을 위한 실용적인 가이드가 필요할 때 tdd-workflow 스킬을 사용하세요.

data-scraper-agent는 웹 스크래핑, 데이터 보강, 저장을 위한 반복 가능한 공개 데이터 파이프라인 구축을 돕습니다. GitHub Actions를 사용해 일정에 맞춰 작업, 가격, 뉴스, 저장소, 스포츠, 목록을 모니터링하도록 설계되었으며, 결과는 Notion, Sheets, 또는 Supabase로 보낼 수 있습니다. 일회성 추출보다는 지속적인 추적에 가장 적합합니다.

canary-watch는 릴리스, 병합, 의존성 업데이트 이후 스테이징 또는 프로덕션의 라이브 URL에서 회귀를 점검하는 배포 후 모니터링 스킬입니다.

browser-qa는 브라우저 자동화를 활용해 배포 후 비주얼 테스트, 상호작용 점검, 반응형 스크린샷, 접근성 검토를 수행하는 브라우저 QA 스킬입니다. 프론트엔드 개발자와 QA 팀이 일반적인 프롬프트 대신 반복 가능한 browser-qa 가이드를 바탕으로 staging 또는 preview 페이지를 검증할 수 있도록 돕습니다.

webapp-testing은 Python Playwright로 로컬 웹앱을 테스트하는 스킬입니다. `scripts/with_server.py`로 서버를 띄우고, 렌더링된 UI와 selector를 확인하며, 스크린샷과 콘솔 로그를 수집해 프런트엔드 동작을 정찰 중심 워크플로로 검증할 수 있습니다.

browse는 QA, 사내 검증(dogfooding), 브라우저 자동화를 위한 빠른 헤드리스 브라우저 skill입니다. 페이지를 열고, 요소와 상호작용하고, 상태를 검증하고, 작업 전후를 비교하고, 스크린샷을 캡처하고, 반응형 레이아웃·폼·업로드·다이얼로그·요소 상태를 확인할 때 사용하세요. 일반적인 프롬프트보다 브라우저 증거가 필요할 때 browse를 설치하면 좋습니다.

cloud 스킬은 Browser Automation 환경에서 Browser Use Cloud를 설치하고 활용할 수 있도록 돕습니다. 빠른 시작 설정부터 v2 및 v3 API, SDK 사용법, 세션, 프로필, CDP 연결, 프록시, 웹훅, 실시간 모니터링까지 폭넓게 안내합니다.

gstack은 QA 테스트, dogfooding, 릴리스 점검, 버그 캡처를 위한 브라우저 기반 AI 스킬입니다. 실제 페이지를 열고 UI를 직접 클릭하며 상태를 검증하고, 전후 비교와 반응형 레이아웃 테스트를 수행하며, 스크린샷 증거까지 남깁니다. 특히 신뢰할 수 있는 브라우저 결과가 필요할 때 UI 디자인 검토와 배포 검증에 유용하며, gstack 스킬로 실측 가능한 확인이 필요할 때 잘 맞습니다.

webapp-testing은 로컬 웹 앱을 점검, 디버깅, 테스트하기 위한 Playwright 기반 skill입니다. static HTML checks, dynamic app reconnaissance, screenshots, console logging, selector discovery, 그리고 scripts/with_server.py를 활용한 server lifecycle setup까지 에이전트가 단계적으로 수행하도록 안내합니다.

diagnose는 잡기 어려운 버그, 불안정한 테스트, 성능 회귀를 위한 구조화된 디버깅 워크플로입니다. 문제를 재현하고, 실패하는 케이스를 최소화하고, 한 번에 하나씩 가설을 세우고, 계측을 추가하고, 근본 원인을 수정한 뒤, 회귀 테스트로 고정할 수 있도록 돕습니다. “디버그해줘”만으로는 부족할 때 diagnose 가이드를 사용하세요.

browser-automation은 agents가 scraping, form filling, screenshots, downloads, session handling, structured data extraction을 위한 Playwright workflows를 만들 수 있도록 돕습니다. E2E testing이 아니라 프로덕션 browser automation에 초점을 맞춘 recipes, API references, helper scripts를 제공합니다.

testrail은 TestRail cases와 runs를 sync하기 위한 Playwright 중심 skill입니다. TestRail cases를 주석이 달린 Playwright tests로 가져오고, 필수 credentials와 MCP tools를 사용해 JSON reporter results를 TestRail로 다시 전송합니다.

report는 가벼운 Playwright 테스트 리포팅 스킬입니다. 기존 아티팩트를 확인하고, 필요할 때 테스트를 실행하며, 결과를 파싱해 Markdown, Slack, TestRail 또는 CI에서 바로 활용할 수 있는 요약을 생성합니다.

init은 JavaScript 또는 TypeScript 프로젝트에 end-to-end 테스트 인프라를 추가하기 위한 Playwright 설정 skill입니다. 이 init 가이드는 repo 점검, Playwright 설치, config 생성, 테스트 폴더 구성, Test Automation을 위한 CI-ready 기본값 추가까지 안내합니다.

fix는 실패하거나 flaky한 테스트를 위한 Playwright 디버깅 스킬입니다. 재현, burn-in 실행, trace 캡처, 그리고 timing, isolation, environment, infrastructure 문제를 분류하는 taxonomy 기반 진단 과정을 agent가 따라가도록 안내합니다.

Playwright 테스트를 BrowserStack 클라우드 그리드에서 실행하도록 구성하는 browserstack skill입니다. 필수 자격 증명, connectOptions, 브라우저 매트릭스 설정, 크로스 브라우저 Test Automation을 위한 실무적인 browserstack 사용법을 다룹니다.

playwright-cli는 명령줄에서 Playwright를 사용하는 브라우저 자동화 스킬입니다. 페이지 열기, 요소 निरी간, 흐름 클릭 진행, 폼 입력, 스크린샷 캡처, 요청 모킹, 실제 상호작용을 바탕으로 한 테스트 코드 생성에 도움이 됩니다. 반복 가능한 브라우저 자동화와 UI 테스트에 사용하기 좋습니다.

azure-resource-manager-playwright-dotnet은 Azure Resource Manager와 Microsoft Playwright Testing을 위한 .NET 관리 평면 스킬입니다. 백엔드 개발 및 플랫폼 자동화 팀이 Playwright 작업 영역을 만들고 관리하고, 이름 사용 가능 여부를 확인하며, 작업 영역 할당량을 처리하는 데 도움이 됩니다. 테스트 실행용이 아니라 프로비저닝과 작업 영역 수명 주기 작업에 사용하세요.

excalidraw-diagram은 단순히 박스와 화살표를 나열하는 것이 아니라, 시각적으로 논지를 전달하는 Excalidraw JSON 다이어그램을 만듭니다. 워크플로, 아키텍처, 시퀀스 흐름, 의사결정 경로, 개념도를 구조와 가독성, 실제 관계까지 살려 표현해야 할 때 적합합니다. 설치 안내, 렌더링 인식 점검, 더 나은 다이어그램 작성을 위한 실용적인 워크플로도 포함되어 있습니다.

Playwright 엔드투엔드 테스트를 작성하고 디버깅하는 데 쓰는 playwright-testing 스킬입니다. 페이지 객체, 크로스브라우저 실행, CI 친화적 설정, 인증 처리, 안정적인 테스트 구조를 지원합니다.

playwright-best-practices는 안정적인 테스트 작성, flaky 테스트 감소, 인증 흐름 개선, fixtures와 page objects 선택, 그리고 CI, 팝업, 모바일, iframes, websockets, 다중 사용자 시나리오 대응까지 실무 중심의 저장소 근거 가이드를 제공하는 Playwright + TypeScript 스킬입니다.

use-my-browser는 브라우저 자동화에서 상황에 맞는 웹 레이어를 고르기 위한 전략형 스킬입니다. 공개 웹 도구, live Chrome, raw fetch, Playwright 중에서 로그인 필요 작업, 동적 페이지, DevTools 기반 작업에 무엇이 적합한지 판단하는 데 초점을 둡니다.