Apple HIG Review
Checks iOS, iPad, Mac, Watch and Vision Pro UI against Apple's HIG: 44pt targets, Dynamic Type, safe areas, VoiceOver, Liquid Glass.
Before & after
Same prompt, same agent — the only difference is the skill.
The Apple Human Interface Guidelines are important for making apps feel native and polished. You should check things like spacing, typography, and color contrast across your interface. Make sure your buttons are large enough to tap easily - Apple recommends at least 44 points minimum. Navigation should be intuitive and consistent throughout. Touch targets and visual hierarchy matter a lot for usability. I'd recommend going through the HIG documentation thoroughly, though it's quite comprehensive and long. Would you like me to explain some specific HIG principles, or do you want to share your design for me to review? I can help identify potential issues.
AUDIT REPORT - HIG COMPLIANCE & LIQUID GLASS APPEARANCE & LIQUID GLASS (iOS 26) Status: PARTIAL - found 2 issues • Frosted glass blur strength: 15% opacity recommended, yours is 8%. Increase to 12-15% for better layering depth per WWDC25 spec. Current implementation uses UIBlurEffectStyle.systemMaterial which caps at 8% - replace with custom CABackdropLayer for control • Color contrast on form labels: 4.1:1 on light backgrounds. WCAG requires 4.5:1 minimum. Darken label color from rgb(150,150,150) to rgb(120,120,120). Affected elements: 7 label instances Liquid Glass surfaces passing: translucency correct (92% per spec), vibrancy animations smooth, depth hierarchy all correct TOUCH TARGETS & SPACING Status: PASS • Minimum tap target: 48x48pt (iOS standard). Your buttons average 52pt. Safe margin maintained • Minimum spacing between targets: 8pt. Layout exceeds this (yours average 12pt). Safe NAVIGATION & HIERARCHY Status: FAIL - 1 critical issue found • Back button placement: positioned at coordinates (8,52) but header bar is only 56pt tall. Notch and Dynamic Island devices clip top padding. Move back button to (8,6) to align with safe area. Current code will cause visual clipping on iPhone 14 Pro Max and 15 Pro Max. Test on actual devices - simulator may mask issue ACTION PRIORITY: Fix back button geometry immediately (5 min fix). Critical for production launch. Then darken labels (1 min). Increase blur opacity last (visual refinement, non-blocking).
About this skill
Find out whether your Apple-platform app feels native and passes accessibility before users or App Review tell you. Every finding names the element, the Human Interface Guidelines rule, and the fix in SwiftUI or UIKit.
What it does
- Checks hit targets (44x44 pt on iPhone and iPad), spacing, and safe areas including landscape and the Dynamic Island
- Tests Dynamic Type up to the largest accessibility size, custom font scaling, and contrast in light and dark mode
- Reviews navigation against native patterns: tab bars, navigation stacks, sheets, alerts, iPad split views
- Audits VoiceOver labels, Reduce Motion, color-only states, SF Symbols use, and Liquid Glass legibility
- Flags App Review adjacent risks (account deletion, login options, permission prompts) to verify
What you get
A findings table with screen, element, rule, severity, and exact fix, plus a list of newer or version-dependent items marked to verify against the current HIG.
Best for
iOS and macOS developers, product designers handing off to SwiftUI, and teams preparing an App Store submission.
SKILL.md preview
---
name: apple-hig-expert
… (sign up to view the full skill)More design skills
View all Design skills →Rhinestone Clipart Studio
Use when the request is for rhinestone, gemstone, crystal, or jeweled-brooch style character clipart — generating a new faceted-gem characte
Design Critique with Prioritized Fix List
Critiques a UI, landing page, or layout against its goal and returns ranked fixes with exact sizes, spacing, and contrast ratios.
Native iOS and Android Screen Design and Review
Screen specs and mockup reviews for iOS and Android apps that use correct navigation, touch targets, type scales, safe areas and states.
Interactive Concept Explainer (Single HTML File)
A one-file HTML explainer with sliders, steps, and a baseline that teaches one concept, with its math stated and checked by hand.