Playwright 기반 반응형 UI 감사 스킬로, 데스크톱, 태블릿, iPad, 모바일에서 UI를 테스트합니다.
이 스킬은 Playwright를 사용하여 다양한 장치 (데스크톱, 태블릿, iPad, 모바일)에서 웹 UI의 반응형 동작을 자동으로 감사합니다. 개발자와 QA 엔지니어가 여러 뷰포트에서 일관된 사용자 경험을 보장하는 데 유용하며, Codex와 같은 AI 에이전트 플랫폼에서 실행됩니다. 스킬은 Playwright의 장치 에뮬레이션 기능을 활용하여 각 장치 유형별로 페이지를 렌더링하고, 레이아웃 문제, 깨진 요소, 또는 반응형 디자인 규칙 위반을 감지합니다. 이를 통해 수동 테스트 시간을 크게 줄이고, 다양한 화면 크기에서 UI의 일관성을 자동으로 검증할 수 있습니다.
npx skills add ov3rf1w/ui-responsive-auditCodex 스킬: Playwright 기반 반응형 UI 감사 (데스크톱, 태블릿, iPad, 모바일)
Playwright를 사용하여 다양한 장치에서 웹 UI의 반응형 디자인을 자동으로 감사합니다. 이 스킬은 데스크톱, 태블릿, iPad, 모바일 뷰포트를 시뮬레이션하여 각 환경에서 UI가 올바르게 렌더링되는지 확인합니다.
# Playwright 설치
npm install playwright
# 브라우저 바이너리 설치
npx playwright install
ov3rf1w/ui-responsive-audit
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".