Accessibility

healthcare-emr-patterns는 의료 분야의 EMR/EHR 설계를 위한 실용적인 skill입니다. 환자 진료 워크플로, 임상 노트 작성, 약물 확인, 검사 결과 강조 표시, 감사 추적, CDSS 연동, 그리고 더 안전한 의료진 워크플로를 위한 접근성 우선 의료 데이터 입력을 다룹니다.

flutter-dart-code-review는 아키텍처, 위젯 품질, 상태 관리, 성능, 접근성, 보안, 클린 코드까지 아우르는 라이브러리 비종속 Flutter/Dart 코드 리뷰 체크리스트입니다. BLoC, Riverpod, Provider, GetX, MobX, Signals, 또는 커스텀 패턴 전반에서 Code Review용 구조화된 flutter-dart-code-review 가이드로 활용할 수 있습니다.

browser-qa는 브라우저 자동화를 활용해 배포 후 비주얼 테스트, 상호작용 점검, 반응형 스크린샷, 접근성 검토를 수행하는 브라우저 QA 스킬입니다. 프론트엔드 개발자와 QA 팀이 일반적인 프롬프트 대신 반복 가능한 browser-qa 가이드를 바탕으로 staging 또는 preview 페이지를 검증할 수 있도록 돕습니다.

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

frontend-design은 막연한 UI 아이디어를 실제 프론트엔드 코드와 뚜렷한 미적 방향성으로 구현해, 생산 단계에 바로 쓸 수 있는 개성 있는 인터페이스를 만들고 흔한 AI 스타일링을 줄여줍니다.

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

visualization-expert는 차트 선택, 시각화 모범 사례, 그리고 matplotlib 또는 plotly 예시 코드를 다루는 가벼운 스킬입니다. 하나의 SKILL.md 파일로 더 적절한 차트를 고르고, 대시보드를 리뷰하며, 명확하고 접근성 높은 데이터 시각화 가이드를 적용할 때 유용합니다.

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

ui-ux-pro-max는 AI 기반 UI/UX 디자인을 위한 종합 스킬입니다. 웹과 모바일 프로젝트의 레이아웃, 스타일, 컬러 시스템, 타이포그래피, UX 규칙에 대해 체계적으로 안내하며, React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter, HTML/CSS 등 다양한 환경에서 실무 디자인 결정을 지원합니다. UI 기획, 리뷰, 개선에 활용할 수 있는 큐레이션된 디자인 인텔리전스를 제공합니다.

ckm:ui-styling은 shadcn/ui, Tailwind CSS, 캔버스 기반 비주얼 디자인을 활용해 접근성 높고 실전용 UI를 손쉽게 구현할 수 있도록 돕습니다. React 프로젝트에서 구조화된 반응형 레이아웃, 접근성 컴포넌트, 다크 모드, 일관된 디자인 시스템이 필요할 때 적합합니다. UI 디자인, 테마 적용, 빠른 프로토타이핑에 실용적이고 스택별 맞춤 가이드를 제공합니다.

ckm:brand는 브랜드 가이드라인, 메시지, 보이스, 비주얼 아이덴티티, 디자인 토큰 동기화를 생성·업데이트·검토하는 브랜딩 워크플로 스킬로, 실무용 스크립트와 체크리스트를 제공합니다.

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

design-system-patterns는 디자인 시스템과 컴포넌트 라이브러리를 위해 토큰 구조, 테마 아키텍처, 재사용 가능한 컴포넌트 API 패턴을 정리해 확장 가능한 UI 기반을 설계할 수 있도록 돕는 스킬입니다.

web-component-design 스킬은 팀이 React, Vue, Svelte에서 재사용 가능한 UI 컴포넌트를 설계할 수 있도록 돕습니다. 디자인 시스템에 맞는 탄탄한 API 패턴, 접근성 가이드, 스타일링 선택지별 트레이드오프 참고 정보를 제공합니다.

mobile-android-design는 Material Design 3, Jetpack Compose, 테마 설정, 내비게이션, 그리고 휴대폰·태블릿·폴더블에 대응하는 적응형 레이아웃 패턴을 바탕으로, 에이전트가 Android 네이티브 UI 가이드를 제공하도록 돕는 스킬입니다.

mobile-ios-design 스킬은 Apple HIG 원칙, SwiftUI 패턴, 내비게이션 설계, 접근성, iPhone 및 iPad 대응형 레이아웃을 바탕으로 에이전트가 iOS 네이티브에 가까운 UI 가이드를 만들도록 돕습니다.

tailwind-design-system 스킬을 사용하면 Tailwind CSS v4 디자인 시스템을 토큰, 테마, variants, 접근성, v3에서 v4로의 마이그레이션 가이드와 함께 구축할 수 있습니다.

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 결과를 반환합니다.

ui-design-system은 Design Systems를 위한 Claude skill입니다. design tokens, color scales, typography, spacing, responsive rules, component documentation, developer handoff assets 생성을 돕고, JSON, CSS, SCSS 또는 summary 출력용 Python token generator와 참고 자료를 함께 제공합니다.

apple-hig-expert는 iOS, macOS, watchOS, visionOS 전반의 Apple HIG 디자인과 감사를 돕는 Claude skill입니다. 플랫폼별 참고 사항, 접근성 가이드, Liquid Glass 시각 검토, HIG 감사 템플릿, 대비와 탭 타깃을 확인하는 Python checker를 제공합니다.

md-review는 unified diff fence와 심각도 콜아웃이 포함된 markdown PR 작성 내용을 단일 파일의 2열 HTML 코드 리뷰로 변환합니다. parser, annotation, renderer 스크립트를 사용하며, 지정된 reviewer가 필요합니다. BLOCKER/MAJOR/MINOR/NIT 규칙을 지원하고 접근성 있는 심각도 표시를 유지합니다.

email-template-builder는 팀이 React Email 또는 MJML 템플릿으로 트랜잭션 이메일 시스템을 설계하도록 돕습니다. Resend, Postmark, SendGrid, AWS SES용 provider 통합, preview 도구, i18n, dark mode, 전달성 점검, tracking을 다룹니다. 일회성 HTML 이메일을 유지보수 가능한 워크플로로 바꾸려는 SaaS 및 제품 팀에 특히 적합합니다.