Playwright

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

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

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

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 스킬로 실측 가능한 확인이 필요할 때 잘 맞습니다.

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

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 기반 작업에 무엇이 적합한지 판단하는 데 초점을 둡니다.

playwright-skill은 Playwright에 특화된 안정적인 브라우저 자동화 가이드입니다. E2E 흐름, API 검증, 컴포넌트 테스트, 시각적 회귀, 접근성, 인증, CI/CD, 그리고 Cypress나 Selenium에서의 마이그레이션까지, 팀이 테스트를 작성·디버깅·확장하는 데 도움을 줍니다. 일반적인 테스트 조언보다 실전에 바로 쓰는 패턴이 필요할 때 playwright-skill skill을 사용하세요.

playwright-skill은 페이지 테스트, 폼 입력, 링크 확인, 스크린샷 촬영, 반응형 레이아웃 검증, 로그인이나 결제 흐름 처리까지 지원하는 브라우저 자동화 스킬입니다. 개발 서버를 자동 감지하고 범용 실행기를 사용해, 설정과 시행착오를 줄인 채 신뢰도 높은 Playwright 작업을 수행할 수 있게 도와줍니다.

x-article-publisher는 Markdown을 X(트위터) 아티클로 게시할 때 서식 유지, 표지 이미지 처리, 풍부한 텍스트 변환까지 고려한 워크플로 중심 스킬입니다. 브라우저 기반 게시와 워크플로 자동화를 위해 실용적인 x-article-publisher 가이드가 필요한 사용자에게 적합합니다.

playwright-interactive는 로컬 웹 앱과 Electron 앱에서 지속되는 Playwright 세션을 다루는 브라우저 자동화 스킬입니다. UI 상태를 확인하고, 상호작용을 재시도하고, 도구 체인을 다시 시작하지 않고도 기능 QA와 시각적 QA를 수행할 때 유용합니다. 반복적인 디버깅을 위한 실용적인 playwright-interactive 가이드가 필요할 때 특히 적합합니다.

playwright 스킬을 사용해 터미널에서 `playwright-cli`와 래퍼 스크립트로 실제 브라우저를 자동화할 수 있습니다. 이동, 폼 입력, 스크린샷, 스냅샷, 추출, UI 흐름 디버깅 같은 브라우저 자동화 작업에 잘 맞습니다. `npx`를 확인하고, 스킬을 설치한 뒤 `PWCLI`를 설정한 다음 CLI 우선 워크플로를 따르세요.

azure-microsoft-playwright-testing-ts는 TypeScript로 Azure Playwright Workspaces에서 Playwright 테스트 실행을 설정하는 데 도움을 줍니다. 대규모 브라우저 자동화, 클라우드 호스팅 브라우저, CI/CD 통합, Microsoft Entra 인증, Azure 포털 리포팅에 적합합니다. 설치, 구성, 사용 방법을 함께 안내합니다.

e2e-testing-patterns는 신뢰할 수 있고 빠른 엔드투엔드 테스트 스위트를 설계하는 데 유용한 실전형 스킬입니다. 핵심 사용자 흐름 중심으로 커버리지를 정하고, flaky 테스트를 줄이며, CI에 바로 활용할 수 있는 Playwright 또는 Cypress 테스트 패턴을 적용할 때 적합합니다.