Screenshots

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

canary는 배포 후 모니터링 스킬로, 실제 서비스 중인 앱에서 콘솔 오류, 페이지 실패, 성능 저하를 감시합니다. 배포 전 기준값과 현재 동작을 비교해 릴리스를 검증하고, 깨진 페이지를 빠르게 잡아내며, 일반적인 프롬프트보다 적은 추측으로 눈에 보이는 이상 징후를 포착할 수 있습니다.

qa 스킬은 웹 앱을 체계적으로 테스트하고, 버그를 찾아내며, 단계별 워크플로로 수정 사항을 검증합니다. 회귀 테스트, 출시 준비 점검, 또는 일반적인 버그 탐색 프롬프트 대신 증거, 심각도 등급, 그리고 수정-재검증의 원자적 루프가 필요한 구조화된 QA 가이드가 필요할 때 사용하세요.

design-review는 실제 인터페이스를 점검하는 UX 중심의 디자인 QA 스킬로, 간격, 위계, 시각적 일관성, 상호작용 문제를 찾아내고 검증을 거치며 반복적으로 수정하도록 돕습니다. 구현 전에는 plan-mode 리뷰도 지원하며, 막연한 조언이 아니라 구체적인 소스 변경을 기준으로 디자인-review 가이드를 원할 때 유용합니다.

github-issue-creator는 원본 메모, 오류 로그, 음성 받아쓰기, 스크린샷을 GitHub 스타일의 깔끔한 이슈 초안으로 바꿉니다. 이 github-issue-creator 스킬은 요약, 환경, 재현 단계, 예상 결과와 실제 결과, 영향도, 증거를 보기 좋은 markdown 이슈로 정리해 이슈 추적을 돕습니다.

seasonal-aso는 명절, 이벤트, 트렌딩 순간에 맞춰 App Store 목록을 최적화하는 데 도움을 줍니다. 시즌성 키워드 기회를 찾고, 메타데이터를 업데이트하고, 스크린샷 콘셉트를 기획하고, 검색 반영 전에 변경 사항을 적용한 뒤 피크가 지나면 되돌리는 타이밍까지 잡아줍니다. SEO 콘텐츠와 단기 ASO 성과를 위한 실용적인 seasonal-aso 가이드입니다.

screenshot-optimization은 App Store 스크린샷과 미리보기 동영상을 기획하고 개선하는 데 초점을 둔 전환 중심 스킬입니다. 각 슬롯의 훅, 순서, 메시지를 구성해 UI 디자인과 스토어 리스팅 작업에 활용할 수 있습니다. 창업자, 마케터, 디자이너가 거친 아이디어를 명확한 스크린샷 전략으로 정리하도록 돕습니다.

ab-test-store-listing은 전환율을 높이기 위해 App Store 상품 페이지 테스트를 기획하고 실행하는 데 도움을 줍니다. Apple Product Page Optimization으로 아이콘, 스크린샷, 미리보기 비디오를 평가하고, PPO의 제한을 이해하며, 시작 전에 적절한 App ID, 트래픽, 테스트 가설을 준비하는 데 사용할 수 있습니다.

ui-testing 스킬은 릴리스 전에 보이지 않는 버튼, 낮은 대비, 포커스 상태 누락, 터치 타깃 문제를 잡아내기 위한 체크리스트 기반 UI 검증 워크플로를 제공합니다. UI 디자인 리뷰, 컴포넌트 점검, 간단한 접근성 점검에 적합하며, 일반적인 테스트 프롬프트보다 추측을 줄여줍니다.

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

asc-shots-pipeline는 UI 디자인용 iOS 스크린샷 자동화 스킬로, xcodebuild, simctl, AXe, Koubou 프레이밍, asc upload을 사용합니다. 구조화된 JSON 계획을 바탕으로 팀이 스크린샷을 만들고, 탐색하고, 프레이밍한 뒤, 수동 Simulator 캡처보다 훨씬 적은 노력으로 게시할 수 있도록 돕습니다.

asc-screenshot-resize는 asc CLI로 현재 허용 크기를 확인하고, macOS `sips`로 이미지를 리사이즈하거나 검증해 App Store Connect 스크린샷을 준비하는 데 도움을 줍니다. Design Implementation 워크플로, 릴리스 수정, 제출용 스크린샷 세트 준비에 이 asc-screenshot-resize 가이드를 활용하세요.

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

screenshot 스킬은 브라우저 화면만이 아니라 OS 수준의 이미지를 캡처해야 할 때 전체 화면, 앱 창, 또는 픽셀 영역을 잡아주는 도구입니다. Workflow Automation에서 screenshot 사용 시, 저장 위치 규칙과 macOS 권한 처리, 그리고 안정적인 데스크톱 캡처를 위한 명확한 설치 안내까지 함께 제공해 바로 적용하기 좋습니다.

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