Wcag

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

ux-designer는 리서치, 접근성, 정보 구조, 인터랙션 플로우, 와이어프레임 가이드, UX 카피 작성을 체계적으로 지원하는 UX 디자인 스킬입니다. `AGENTS.md`와 목적별 rules 파일을 바탕으로, 팀이 거친 제품 아이디어를 더 명확하고 기준 중심의 디자인 의사결정으로 발전시키도록 돕습니다.

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

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

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

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

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

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

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

ui-web은 WCAG 2.1 AA 점검, 높은 대비, 잘 보이는 컨트롤, 다크 모드에 친화적인 Tailwind 패턴을 바탕으로 웹 UI 컴포넌트의 디자인과 스타일링을 도와줍니다. React 스타일 프런트엔드에서 실용적인 UI 디자인 가이드가 필요하고, 접근성을 높이면서 시행착오를 줄이고 싶을 때 이 ui-web 스킬을 사용하세요.

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

ui-mobile은 React Native와 인접한 iOS/Android 코드베이스에서 모바일 UI 디자인을 위한 실용 가이드입니다. 접근성 높은 터치 타깃, 대비, 상호작용 규칙에 초점을 맞춰, 더 안전한 화면을 만들고, 컴포넌트를 검토하고, 모바일 사용성을 더 적은 시행착오로 개선할 수 있도록 돕습니다.

web-design-guidelines는 접근 가능하고 반응형인 웹 UI를 구축, 검토, 수정하기 위한 프레임워크 비의존 가이드입니다. 시맨틱 HTML, WCAG 2.2 점검, 폼, 포커스 상태, 대비, 다크 모드, 성능, 그리고 HTML, CSS, JS 전반의 레이아웃 결정에 활용할 수 있습니다.

fixing-accessibility는 출시 전에 HTML 접근성 문제를 점검하고 수정하는 데 도움을 줍니다. 버튼, 폼, 대화상자, 탭, 아이콘만 있는 컨트롤, 키보드 흐름, 포커스 처리, 폼 오류, 대비, 스크린 리더 라벨링에 사용하세요. 이 fixing-accessibility 스킬은 폭넓은 준수 보고서보다, 특정 UI 코드 수정을 할 때 가장 적합합니다.

swiftui-wcag-accessibility-auditor는 SwiftUI iOS 기능 코드를 WCAG 2.2 A/AA 및 WCAG2Mobile 기준으로 감사한 뒤, 증거와 우선순위, 그리고 코드만으로는 판단이 어려운 동작에 대한 사용자 검증 체크까지 포함한 패치 준비형 수정안을 반환합니다. 인증, 폼, 설정, 커스텀 컨트롤, 머지 전 UX 감사 작업에 적합합니다.

design-system-starter는 토큰, atomic 컴포넌트, 테마 설계, WCAG 2.1 AA 가이드, 체크리스트, 그리고 문서화·스타터 코드용 React 친화적 템플릿을 바탕으로 팀이 디자인 시스템을 빠르게 설계하고 뼈대를 잡을 수 있게 돕습니다.