Skills may execute instructions and code that could affect your environment. Marketplace scans reduce risk but do not guarantee safety. Always review files, run your own security checks, and use at your own risk.
apple-hig-expert
Security Scan Summary
Status: Safe
Source: Syntic Skills registry
Automated security scan completed with no high-risk patterns detected. Manual review is still required.
About This Skill
Use when auditing iOS/macOS/watchOS/visionOS interfaces against HIG, checking accessibility standards, or designing native Apple UI.
Downloadable SKILL.md
Download SKILL.md and place it in your Syntic skills folder. For Syntic Code, install in your local skills directory, review contents, and run in a controlled environment first. Acknowledge the risk notice above to enable the download.
--- 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.
Bundle Download
Includes SKILL.md and bundled support files where provided. Risk acknowledgement is required.
Install Targets
Syntic App
- 1. Create a dedicated folder for this skill in your local skills library.
- 2. Place SKILL.md into that folder.
- 3. Restart Syntic and invoke this skill on matching tasks.
Syntic Code (CLI)
- 1. Save SKILL.md in your local Syntic Code skills directory.
- 2. Keep related files in the same skill folder.
- 3. Run in a safe environment and validate outputs.
Source
https://github.com/alirezarezvani/claude-skills/blob/main/product-team/apple-hig-expert/skills/apple-hig-expert/SKILL.md
Open Source LinkRelated Skills
agile-product-owner
Use when writing user stories, creating acceptance criteria, planning sprints, estimating story points...
ProductBusiness Analyst
Use when performing requirements analysis, process mapping, gap analysis, and aligning stakeholders on...
Productcode-to-prd
Use when reverse-engineering a frontend, backend, or fullstack codebase into a business-readable Product...
Productcompetitive-teardown
Use when analyzing competitors, building sales battle cards, preparing a product roadmap session, responding...