hig-inputs
정보
이 스킬은 Apple 플랫폼 전반에 다양한 입력 방식을 구현하기 위한 Apple의 Human Interface Guidelines를 제공합니다. 제스처, Apple Pencil 및 키보드 같은 하드웨어 입력, 포커스 및 공간 입력을 포함한 시스템 상호작용을 다룹니다. 개발자가 특정 입력 장치를 위한 디자인이나 플랫폼 표준 상호작용 패턴 구현에 대해 질문할 때 사용하세요.
빠른 설치
Claude Code
추천npx skills add raintree-technology/claude-starter -a claude-code/plugin add https://github.com/raintree-technology/claude-startergit clone https://github.com/raintree-technology/claude-starter.git ~/.claude/skills/hig-inputsClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
문서
Apple HIG: Inputs
Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.
Key Principles
-
Support multiple input methods. Touch, pointer, keyboard, pencil, voice, eyes, hands, controllers. Design for the inputs available on each platform. On iPadOS, support both touch and pointer; on macOS, both pointer and keyboard.
-
Consistent feedback for every input action. Visible, audible, or haptic response.
-
Standard gestures must behave consistently. Tap to activate, swipe to scroll/navigate, pinch to zoom, long press for context menus, drag to move. Don't override system gestures (edge swipes for back, Home, notifications).
-
Use standard recognizers; keep custom gestures discoverable. Apple's built-in recognizers handle edge cases and accessibility. If you add non-standard gestures, provide hints or coaching to teach them.
-
Apple Pencil: precision drawing, markup, and selection. Support pressure, tilt, and hover. Distinguish finger from Pencil when appropriate (finger pans, Pencil draws).
-
Support Scribble in text fields. Users expect to write with Pencil in any text input.
-
Keyboard shortcuts and full navigation. Standard shortcuts (Cmd+C/V/Z) plus custom ones visible in the iPadOS Command key overlay. Logical tab order.
-
Respect the software keyboard. Adjust layout when keyboard appears. Use keyboard-avoidance APIs.
-
Game controllers: MFi controllers with on-screen fallbacks. Map to extended gamepad profile, sensible defaults, remappable. Always offer touch or keyboard alternatives.
-
Pointer and trackpad: native feel. Hover effects, pointer shape adaptation, standard cursor behaviors. Two-finger scroll, pinch to zoom, swipe to navigate.
-
Digital Crown: primary scrolling and value-adjustment input on watchOS. Scrolling lists, adjusting values, navigating views. Haptic feedback at detents.
-
Eyes and spatial (visionOS): look and pinch. Generous hit targets (eye tracking is less precise than touch). Avoid sustained gaze for activation. Direct hand manipulation in immersive experiences.
-
Focus system: critical for tvOS and visionOS. Predictable focus movement. Every interactive element focusable. Clear visual indicators (scale, highlight, elevation). Logical focus groups.
-
Siri Remote: limited surface. Touch area for swiping, clickpad for selection, few physical buttons. Keep interactions simple.
-
Gyroscope, accelerometer, UWB: use judiciously. Suits gaming, fitness, AR. Not for essential tasks. Provide calibration and reset. For UWB, communicate distance and direction with visual or haptic cues.
Reference Index
| Reference | Topic | Key content |
|---|---|---|
| gestures.md | Touch gestures | Tap, swipe, pinch, long press, drag, system gestures |
| apple-pencil-and-scribble.md | Apple Pencil | Precision, pressure, tilt, hover, handwriting |
| keyboards.md | Keyboards | Shortcuts, navigation, software keyboard, Command key |
| game-controls.md | Game controllers | MFi, extended gamepad, remapping, fallbacks |
| pointing-devices.md | Pointer/trackpad | Hover, cursor morphing, trackpad gestures |
| digital-crown.md | Digital Crown | Scrolling, value adjustment, haptic detents |
| eyes.md | Eye tracking | Look and tap, gaze targeting, hit target sizing |
| spatial-interactions.md | Spatial input | Hand gestures, direct manipulation, immersive input |
| focus-and-selection.md | Focus system | tvOS/visionOS navigation, focus indicators, groups |
| remotes.md | Remotes | Touch surface, clickpad, simple interactions |
| gyro-and-accelerometer.md | Motion sensors | Gyroscope, accelerometer, calibration, gaming |
| nearby-interactions.md | Nearby interactions | U1 chip, directional finding, proximity triggers |
| camera-control.md | Camera Control | iPhone camera hardware button, quick launch |
Output Format
- Input method recommendations by platform and how they interact.
- Gesture specification table -- standard and custom gestures with expected behaviors.
- Keyboard shortcut recommendations following system conventions.
- Accessibility input alternatives for VoiceOver, Switch Control, etc.
Questions to Ask
- Which platforms and input devices?
- Productivity or casual app?
- Custom gestures in the design?
- Game controller support needed?
Related Skills
- hig-components-status -- Progress indicators responding to input (pull-to-refresh)
- hig-components-system -- System experiences with unique input constraints
- hig-technologies -- VoiceOver, Siri voice input, ARKit spatial gesture context
Built by Raintree Technology · More developer tools
GitHub 저장소
연관 스킬
executing-plans
디자인executing-plans 스킬은 검토 체크포인트가 포함된 통제된 배치로 실행할 완전한 구현 계획이 있을 때 사용합니다. 이 스킬은 계획을 불러와 비판적으로 검토한 후, 소규모 배치(기본값 3개 작업)로 작업을 실행하면서 각 배치 사이에 진행 상황을 아키텍트 검토를 위해 보고합니다. 이를 통해 내재된 품질 관리 체크포인트를 갖춘 체계적인 구현이 보장됩니다.
requesting-code-review
디자인이 스킬은 코드 변경 사항을 요구 사항에 따라 분석하기 위해 코드 리뷰어 하위 에이전트를 호출합니다. 작업 완료 후, 주요 기능 구현 후, 또는 메인 브랜치에 병합하기 전에 사용해야 합니다. 이 리뷰는 현재 구현체와 원래 계획을 비교하여 문제를 조기에 발견하는 데 도움이 됩니다.
connect-mcp-server
디자인이 스킬은 개발자들이 HTTP, stdio 또는 SSE 전송 방식을 통해 MCP 서버를 Claude Code에 연결하는 포괄적인 가이드를 제공합니다. GitHub, Notion 및 사용자 정의 API와 같은 외부 서비스를 통합하기 위한 설치, 구성, 인증 및 보안을 다룹니다. MCP 통합 설정, 외부 도구 구성 또는 Claude의 모델 컨텍스트 프로토콜 작업 시 활용하세요.
web-cli-teleport
디자인이 스킬은 작업 분석을 기반으로 개발자가 Claude Code 웹 인터페이스와 CLI 인터페이스 중 선택할 수 있도록 돕고, 두 환경 간 원활한 세션 텔레포트를 가능하게 합니다. 웹, CLI 또는 모바일 환경 전환 시 세션 상태와 컨텍스트를 관리하여 워크플로를 최적화합니다. 다양한 단계에서 서로 다른 도구가 필요한 복잡한 프로젝트에 사용하세요.
