hig-foundations

Featured

Apple Human Interface Guidelines design foundations.

AI & Automation 39,227 stars 6374 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

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

Skill Content

# Apple HIG: Design Foundations Check for `.claude/apple-design-context.md` before asking questions. Use existing context and only ask for information not already covered. ## Key Principles 1. **Prioritize content over chrome.** Reduce visual clutter. Use system-provided materials and subtle separators rather than heavy borders and backgrounds. 2. **Build in accessibility from the start.** Design for VoiceOver, Dynamic Type, Reduce Motion, Increase Contrast, and Switch Control from day one. Every interactive element needs an accessible label. 3. **Use system colors and materials.** System colors adapt to light/dark mode, increased contrast, and vibrancy. Prefer semantic colors (`label`, `secondaryLabel`, `systemBackground`) over hard-coded values. 4. **Use platform fonts and icons.** SF Pro, SF Compact, SF Mono by default. New York for serif. Follow the type hierarchy at recommended sizes. Use SF Symbols for iconography. 5. **Match platform conventions.** Align look and behavior with system standards. Provide direct, responsive manipulation and clear feedback for every action. 6. **Respect privacy.** Request permissions only when needed, explain why clearly, provide value before asking for data. Design for minimal data collection. 7. **Support internationalization.** Accommodate text expansion, right-to-left scripts, and varying date/number formats. Use Auto Layout for dynamic content sizing. 8. **Use motion purposefully.** Animation should communicate meaning and s...

Details

Author
sickn33
Repository
sickn33/antigravity-awesome-skills
Created
4 months ago
Last Updated
today
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

hig-foundations

Apple Human Interface Guidelines design foundations. Use when users ask about HIG colors, typography, SF Symbols, dark mode, accessibility, app icons, layout, materials, motion, privacy, RTL support, or inclusive design.

335 Updated today
aiskillstore
AI & Automation Featured

hig-patterns

Apple Human Interface Guidelines interaction and UX patterns.

39,227 Updated today
sickn33
AI & Automation Featured

hig-platforms

Apple Human Interface Guidelines for platform-specific design.

39,227 Updated today
sickn33
Web & Frontend Listed

hig-patterns

Apple Human Interface Guidelines interaction and UX patterns. Use this skill when the user asks about onboarding flow, user onboarding, app launch, loading state, drag and drop, search pattern, settings design, notifications, modality, multitasking, feedback pattern, haptics, undo redo, file management, data entry, sharing, collaboration, full screen, audio, video, haptic feedback, ratings, printing, help, or account management in Apple apps. Also use when the user says how should onboarding work, my app takes too long to load, should I use a modal here, how do I handle errors, when should I ask for permissions, how to show progress, or what's the right way to confirm a delete. Cross-references hig-foundations for underlying principles, hig-platforms for platform specifics, hig-components-layout for navigation, hig-components-content for data display.

335 Updated today
aiskillstore
Web & Frontend Listed

hig-platforms

Apple Human Interface Guidelines for platform-specific design. Use this skill when the user asks about designing for iOS, iPad app design, macOS design, tvOS, visionOS, watchOS, Apple platform, which platform, platform differences, platform-specific conventions, or multi-platform app design. Also use when the user says should I design differently for iPad vs iPhone, how does my app work on visionOS, what's different about macOS apps, porting my app to another platform, universal app design, or what input methods does this platform use. Cross-references: hig-foundations for shared design foundations, hig-patterns for interaction patterns, hig-components-layout for navigation structures, hig-components-content for content display.

335 Updated today
aiskillstore