UX Audit

click-path-audit 스킬은 모든 상태 변화를 따라 UI 핸들러 흐름을 추적해, 리팩터링 이후나 코드 리뷰 중에 발생하는 순서 버그, 공유 상태 충돌, 최종 상태 불일치를 찾아내는 데 도움을 줍니다.

accessibility 스킬은 Web, iOS, Android에서 WCAG 2.2 AA 수준에 맞는 접근 가능한 UI를 설계, 구현, 감사할 수 있도록 돕습니다. 컴포넌트의 역할, 레이블, 상태, 포커스 동작, 접근성 특성을 매핑하는 데 활용할 수 있으며, UX Audit 작업과 구현 검토에 바로 쓸 수 있는 실무형 접근성 가이드를 제공합니다.

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

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

accessibility-compliance 스킬은 실무에 바로 적용할 수 있는 WCAG 2.2, ARIA, 키보드 접근성, 스크린 리더, 모바일 접근성 가이드를 바탕으로 팀이 웹 또는 모바일 UI를 점검하고 개선하도록 돕습니다. UX 감사, 컴포넌트 수정, 구현 가능한 권고안이 필요한 경우에 특히 적합합니다.

wcag-audit-patterns는 접근성 검토를 위한 구조화된 WCAG 2.2 감사 스킬입니다. 자동화 도구의 결과와 수동 점검을 함께 활용하고, 심각도와 적합성 수준별로 이슈 우선순위를 정리하며, 페이지·사용자 흐름·컴포넌트에 대해 실행 가능한 개선 가이드를 만드는 데 적합합니다.

screen-reader-testing은 UX 감사와 접근성 QA에 실무적으로 활용하기 좋은 스킬입니다. VoiceOver, NVDA, JAWS로 웹 앱을 테스트하는 방법을 익히고, 브라우저·플랫폼별 우선순위를 정하며, 폼, ARIA 동작, 포커스 관리, 동적 알림까지 점검할 수 있습니다.

web-design-guidelines는 UI 코드를 Vercel Web Interface Guidelines 기준으로 검토하며, 최신 규칙을 가져와 UX·접근성 감사에 맞춘 간결한 file:line 결과를 반환합니다.

distill은 복잡하게 얽힌 UI 디자인에서 노이즈, 약한 위계, 중복된 선택지를 덜어내 핵심 작업이 분명하게 보이도록 돕습니다. 화면에 절제된 축소, 더 선명한 우선순위, 집중도 높은 단순화 검토가 필요할 때 쓰기 좋습니다.

critique는 구조화된 점수화, 페르소나 기반 테스트, 휴리스틱 점검, 실행 가능한 피드백을 통해 UX 관점에서 인터페이스, 기능, 페이지, 컴포넌트를 검토하도록 돕습니다. UI/UX 디자인을 위해 반복해서 쓸 수 있는 critique 가이드가 필요할 때 사용하세요. 막연한 의견이 아니라, 특정 영역을 명확한 맥락과 함께 집중적으로 점검하는 데 가장 적합합니다.

audit 스킬은 프런트엔드 작업을 대상으로 기술 UX Audit을 수행하며, 접근성, 성능, 테마 적용, 반응형 동작, 안티패턴을 점검합니다. 결과물로는 점수화된 발견 사항, P0-P3 심각도 라벨, 실행 계획을 제공하며, 사용 전에 관련 impeccable 스킬로 필요한 설정을 먼저 마쳐야 합니다.

critique 스킬은 팀이 페이지, 기능, 컴포넌트에 대해 구조화된 UX 리뷰를 수행하도록 돕습니다. 정보 위계, 인지 부하, 휴리스틱, 페르소나별 리스크를 평가한 뒤, 발견사항을 바로 실행 가능한 개선안으로 정리해 줍니다. 명확한 스크린샷, 목표, 사용자 맥락을 갖춘 상태에서 /frontend-design 이후에 사용하는 것이 가장 적합합니다.

audit skill은 페이지, 기능, 컴포넌트를 대상으로 구조화된 기술 UX 리뷰를 수행합니다. 접근성, 성능, 테마 적용, 반응형 동작, 프런트엔드 안티패턴을 점검한 뒤, P0-P3 심각도와 실행 계획이 포함된 점수형 결과를 반환합니다. 필수 선행 단계인 /frontend-design 컨텍스트를 거친 뒤 사용하는 것이 가장 적합합니다.

critique 스킬은 구조화된 UX 감사 워크플로를 통해 페이지, 플로우, 컴포넌트를 검토할 수 있게 해줍니다. AI-slop 신호, 계층 구조, 정보 구조, 인지 부하, 휴리스틱, 페르소나 기반 마찰 요소를 점검한 뒤, 결과를 실행 가능한 피드백으로 정리합니다. `frontend-design` 및 `teach-impeccable` 컨텍스트와 함께 사용할 때 가장 적합합니다.

audit skill은 접근성, 성능, 테마 적용, 반응형 동작, 안티패턴 전반에 걸쳐 구조화된 기술 UI 리뷰를 수행합니다. 특정 페이지, 기능, 또는 컴포넌트를 대상으로 점수화된 결과, P0~P3 심각도 등급, 그리고 실행 가능한 액션 플랜을 반환합니다. 디자인 맥락을 먼저 수집한 뒤 사용하는 것이 가장 적합합니다.

customer-journey-map 스킬은 단계, 접점, 감정, 문제점, 기회 요소를 포함한 엔드투엔드 고객 여정 맵을 만드는 데 도움을 줍니다. UX 리서치, 온보딩 개선, 경험 분석처럼, 산만한 입력을 바탕으로 구조화된 여정 서사가 필요할 때 잘 맞습니다.

proto-persona 스킬은 리서치, 시장 신호, 팀의 지식을 바탕으로 더 깊은 검증 전에 실무에 쓸 수 있는 고객 프로필로 정리하도록 도와줍니다. 초기 제품 및 UX 리서치 결정을 위한 실용적인 가설 기반 출발점이 필요할 때 이 proto-persona 가이드를 활용하세요.

pol-probe는 실제 제품을 만들기 전에 위험한 가설을 저비용으로 검증할 수 있도록 Proof of Life(생존 증명) 프로브를 정의하는 데 도움을 줍니다. pol-probe 스킬을 사용하면 프로토타입 쇼를 줄이고, 엄격한 성공 기준을 세우고, 적절한 프로브 유형을 고르며, 학습 후 폐기 계획까지 세울 수 있습니다.

why skill은 Five Whys 분석을 적용해 증상을 근본 원인으로 이어지는 원인 체인과 실행 가능한 해결책으로 바꿔 줍니다. UX 감사, 제품 이슈, 버그, 프로세스 붕괴처럼 표면적인 추측보다 체계적인 추론이 필요할 때 이 why 가이드를 사용하세요.

원인과 결과 스킬은 어골도(Fishbone) 분석을 사용해 사람, 프로세스, 기술, 환경, 방법, 자재 전반에 걸친 잠재적 근본 원인을 체계적으로 정리합니다. 막연한 문제를 구조화된 원인 트리로 바꾸고, 유력한 원인부터 우선순위를 정한 뒤, 다음 조치를 결정하는 데 도움이 됩니다. UX 감사, 장애 리뷰, 회고, 문제 해결을 위한 원인과 결과 분석에 유용합니다.

user-journeys는 실제 사용자 흐름을 맵핑하고, UX 가설을 검증하며, 제품·디자인·QA·UX 리서치를 위한 오류 복구 경로를 문서화하는 데 도움을 줍니다.

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

cro-optimization은 랜딩 페이지 URL이나 붙여 넣은 HTML/CSS를 분석해 전환 중심의 CRO(전환율 최적화) 감사 결과로 정리해 줍니다. 명확성, 메시지 일치, 단일 오퍼 집중, 요소별 검토를 바탕으로 가입, 리드, 매출 개선에 바로 쓸 수 있는 실질적인 권장사항을 제공합니다. 페이지 수정, 우선순위 설정, 전환 중심 피드백이 필요할 때 적합한 cro-optimization 스킬 가이드입니다.

audit-website 스킬은 `squirrel` CLI를 사용해 SEO, 기술, 콘텐츠, 성능, 보안, 링크, 사이트 상태를 포함한 230개 이상의 규칙으로 웹사이트와 웹앱을 감사하고, 바로 활용할 수 있는 LLM용 실행 보고서를 반환합니다.