Communitygithub.com

aponeurosiswilling807/apple-hig

iOS, iPadOS, macOS, watchOS, tvOS, visionOS용 Claude Code 플러그인으로 UI 디자인에 Apple Human Interface Guidelines를 자동으로 적용합니다.

apple-hig란 무엇인가요?

이 스킬은 Apple Human Interface Guidelines(HIG)를 기반으로 UI 디자인을 자동으로 검토하고 개선하는 Claude Code 플러그인입니다. iOS, iPadOS, macOS, watchOS, tvOS, visionOS 등 모든 Apple 플랫폼을 지원하며, 개발자가 UI 구성 요소, 레이아웃, 내비게이션 패턴, 접근성 등을 HIG 규격에 맞게 최적화할 수 있도록 도와줍니다. Claude Code 환경에서 작동하며, 코드와 함께 디자인 가이드라인을 일관되게 유지하여 앱의 사용자 경험(UX) 품질을 향상시키는 데 중점을 둡니다. 플랫폼별 세부 사항을 자동으로 처리하므로 개발자는 비즈니스 로직과 기능 구현에 더 집중할 수 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add aponeurosiswilling807/apple-hig

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

apple-hig은(는) 무엇을 하나요?

Apple Human Interface Guidelines를 UI 디자인에 자동으로 적용하는 이 Claude Code 플러그인은 iOS, iPadOS, macOS, watchOS, tvOS, visionOS를 지원합니다.

개요

이 플러그인은 Apple HIG 규칙을 기반으로 UI 코드를 분석하고 권장 변경 사항을 제안합니다. 개발자는 채팅 인터페이스에서 자연어로 디자인 문제를 문의하고 수정할 수 있습니다.

지원 플랫폼

  • iOS
  • iPadOS
  • macOS
  • watchOS
  • tvOS
  • visionOS

사용 방법

  1. Claude Code 환경에서 프로젝트를 엽니다.
  2. UI 관련 질문이나 개선 요청을 자연어로 입력합니다 (예: "이 버튼의 패딩을 HIG에 맞게 조정해줘").
  3. 플러그인이 자동으로 코드를 분석하고 수정 사항을 제시합니다.

주요 기능

  • 레이아웃 검사: 마진, 패딩, 정렬이 HIG에 부합하는지 확인
  • 컴포넌트 스타일링: 버튼, 레이블, 텍스트 필드 등이 적절한 스타일인지 검토
  • 내비게이션 패턴: 탭 바, 내비게이션 바 등이 올바르게 구현되었는지 확인
  • 접근성: Dynamic Type, VoiceOver 지원 등 접근성 가이드라인 충족 여부 검사
  • 플랫폼별 최적화: 각 기기에 맞는 디자인 규칙 적용

예시

// HIG에 맞게 버튼 패딩 수정 예시
let button = UIButton()
button.contentEdgeInsets = UIEdgeInsets(top: 12, left: 24, bottom: 12, right: 24) // HIG 권장 최소 터치 영역 준수

참고 자료

관련 스킬