apple-hig-expert

Featured

Audits and designs iOS/macOS/watchOS/visionOS interfaces against the Apple Human Interface Guidelines, including the Liquid Glass design language (announced WWDC25, shipped with iOS 26/macOS Tahoe, Sept 2025). Use when reviewing an Apple-platform mockup or app for HIG compliance, checking contrast or tap-target sizes, or designing native-feeling Apple UI (e.g., 'audit my iOS app against the HIG', 'is this text readable on Liquid Glass?').

AI & Automation 25,834 stars 3639 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 94/100

Stars 20%
100
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Apple HIG Expert Design and audit apps against the Apple Human Interface Guidelines (HIG, [developer.apple.com/design/human-interface-guidelines](https://developer.apple.com/design/human-interface-guidelines)), including the **Liquid Glass** design language. HIG content evolves with each OS release — when a claim matters, verify against the live HIG pages cited in `references/`. ## Before Starting If `product-context.md` or `ios-design-context.md` exists, read it before asking questions. Then gather: 1. **Platform target**: iOS, macOS, watchOS, or visionOS? 2. **Current state**: new design or auditing an existing mockup/code? 3. **App category**: utility, productivity, game, social, etc. ## Modes - **Mode 1 — Design from scratch**: pick the platform navigation paradigm and layout primitives first (see `references/platform-specifics.md`), then apply typography and semantic color (`references/visual-design.md`). - **Mode 2 — HIG audit**: fill in `templates/hig-audit-template.md`, run `scripts/hig_checker.py` on every measurable element, and deliver a scored report (see Worked example below). ## The Compliance Tool `scripts/hig_checker.py` (stdlib-only) has three subcommands: ```bash # 1. Contrast ratio (WCAG formula; pass >= 4.5:1 for normal text) python3 scripts/hig_checker.py contrast "#8E8E93" "#FFFFFF" # -> Contrast Ratio: 3.26 [FAILED] # 2. Tap-target size (pass >= 44x44 pt per HIG) python3 scripts/hig_checker.py target 32 32 # -> Tap Target: 32x32 [FAILED] # ...

Details

Author
alirezarezvani
Repository
alirezarezvani/claude-skills
Created
10 months ago
Last Updated
1 weeks ago
Language
Python
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

apple-hig

Apple Human Interface Guidelines as a working reference — the visual and structural design system for iOS/iPadOS 26+ (Liquid Glass). Verbatim HIG corpus (171 pages) plus recovered hard specs — Dynamic Type scale, SF Pro tracking, system color hex, device metrics, layout margins. Use when building, reviewing, or converting UI that must look and behave Apple-native, on SwiftUI/UIKit or on the web. Covers components (buttons, sheets, tab bars, toolbars, lists, pickers), foundations (typography, color, layout, materials, icons, accessibility), and patterns (navigation, modality, onboarding, feedback, data entry). Trigger on "make this look like iOS", "Apple design", "HIG", "native iOS UI", "Liquid Glass", "system colors", "Dynamic Type", or any iOS design audit or spec question.

0 Updated 1 months ago
danielimad
Web & Frontend Listed

apple-hig

Use whenever designing, building, styling, scaffolding, or reviewing ANY user interface, screen, view, component, layout, color, theme, typography, font, icon, symbol, spacing, motion, or navigation for an Apple platform (iOS, iPadOS, macOS, watchOS, tvOS, visionOS) — including SwiftUI/UIKit/AppKit code, buttons, tab bars, navigation bars, sheets, alerts, lists, forms, pickers, toggles, widgets, dark mode, Liquid Glass, accessibility/contrast/Dynamic Type, app icons, or design tokens — and whenever any app or website should follow Apple's Human Interface Guidelines (HIG). Also use when asked to review a UI for HIG compliance or to emit Apple design tokens.

0 Updated 3 weeks ago
aponeurosiswilling807
Web & Frontend Listed

hig-audit

Perform a detailed Apple Human Interface Guidelines (HIG) design audit on any Figma frame, component, or auto-layout for iOS and iPadOS. Use this skill whenever the user asks to audit, review, check, or validate a Figma design against Apple guidelines, HIG, iOS standards, accessibility (WCAG/Apple), spacing, typography scale, color contrast, touch targets, or component correctness. Also trigger when the user says things like "revísame este frame", "audita este componente", "cumple con HIG?", "pásale la HIG", "check this design", or "fix HIG issues". If the user also asks Claude to fix the issues found, use the Figma MCP tools to apply corrections directly — but ONLY if explicitly requested.

0 Updated 3 weeks ago
JGM69