← All skills
apple-hig-expert
Use when auditing iOS/macOS/watchOS/visionOS interfaces against HIG, checking accessibility standards, or designing native Apple UI.
About this skill
Use when auditing iOS/macOS/watchOS/visionOS interfaces against HIG, checking accessibility standards, or designing native Apple UI.
SKILL.md
apple-hig-expert.SKILL.mdPlace it in your Syntic skills folder. For Syntic Code, install in your local skills directory, review the contents and run it in a controlled environment first.
--- name: apple-hig-expert description: Use when auditing iOS/macOS/watchOS/visionOS interfaces against HIG, checking accessibility standards, or designing native Apple UI. category: Product version: 1.0.0 tools: [] --- # Apple Human Interface Guidelines Expert Design and audit apps against the Apple Human Interface Guidelines (developer.apple.com/design/human-interface-guidelines), including Liquid Glass design language (iOS 26, macOS Tahoe, WWDC25, September 2025). ## Core Compliance Standards **Accessibility:** VoiceOver labels on every element. 44x44 pt minimum tap targets. WCAG 4.5:1 contrast for normal text (3:1 large text). Dynamic Type support. **Platform-specific navigation:** Tab bars/thumb reach on iOS. Sidebars + menu bar + shortcuts on macOS. Ornaments + gaze states on visionOS. Glanceable vertical layouts on watchOS. **Liquid Glass hierarchy:** Apply translucent material layers between content and controls. Keep hierarchy coherent. Use `glassEffect` view modifier in SwiftUI. Maintain readability over translucent backgrounds, especially with Reduce Transparency enabled. ## Audit Checklist **Typography & Contrast:** Body text readable on background (min 4.5:1 ratio). Captions on semitransparent overlays re-tested against busiest underlying region. Use semantic color tokens (.secondaryLabel) instead of hardcoded hex values. **Hit Regions:** All interactive elements 44x44 pt minimum. Close buttons and small glyphs: expand padding/contentShape to meet minimum. Button states (normal, pressed, disabled) clearly distinguished. **Density & Whitespace:** No density overload. Breathing room between glass layers. Progressive disclosure for advanced options. ## Design Modes **Mode 1 — Design from scratch:** Pick platform navigation paradigm and layout primitives first (sidebars, tab bars, lists), then apply typography and semantic color. **Mode 2 — HIG audit:** Measure every element against standards. Contrast ratios for text on all backgrounds. Tap-target dimensions for all buttons. VoiceOver label presence. Dynamic Type rendering at multiple sizes. Run accessibility inspector on device. ## Common Issues & Fixes **Captions fail contrast (3.26 < 4.5):** Use `.secondaryLabel` (semantic) or darken to ≥#6E6E73. Re-test on translucent material. **Small buttons (32x32 < 44x44):** Keep glyph small but expand hit region to 44x44 with padding or `contentShape`. **Icon buttons without labels:** Add VoiceOver label and tooltip. Do not rely on icon alone. ## Related Context Verify against live HIG pages for current OS versions. When designing for new release (iOS 26+, macOS Tahoe+), confirm Liquid Glass material and semantic color updates are reflected in implementation.
Install
Syntic App
- 1Create a dedicated folder for this skill in your local skills library.
- 2Place SKILL.md into that folder.
- 3Restart Syntic and invoke this skill on matching tasks.
Syntic Code (CLI)
- 1Save SKILL.md in your local Syntic Code skills directory.
- 2Keep related files in the same skill folder.
- 3Run in a safe environment and validate outputs.