apple-hig-designer
Master iOS app design by leveraging Apple's Human Interface Guidelines within your development workflow. This skill equips you with native component libraries, design patterns, and best practices to create interfaces that feel native to the Apple ecosystem. Streamline your design-to-code process with structured guidance on layout, typography, color, and interaction patterns.
apple-hig-designer is a skill that helps you master iOS app design by leveraging Apple's Human Interface Guidelines within your development workflow. It equips you with native component libraries, design patterns, and best practices to create interfaces that feel native to the Apple ecosystem, streamlining your design-to-code process with structured guidance on layout, typography, color, and interaction patterns.
AI-generated summary based on this skill's SKILL.md
Install
jamesrochabrun/skills/apple-hig-designer · repository language: Shell
git clone https://github.com/jamesrochabrun/skills
cp -r skills/skills/apple-hig-designer ~/.claude/skills/apple-hig-designerFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is apple-hig-designer and how does it help with iOS app design?
apple-hig-designer is a skill that helps you master iOS app design by leveraging Apple's Human Interface Guidelines within your development workflow. It equips you with native component libraries, design patterns, and best practices to create interfaces that feel native to the Apple ecosystem, streamlining your design-to-code process with structured guidance on layout, typography, color, and interaction patterns.
How does apple-hig-designer ensure accessibility compliance with VoiceOver?
apple-hig-designer prioritizes accessibility by ensuring your designs comply with VoiceOver and Dynamic Type standards. The skill guides you through semantic color usage, proper contrast ratios for dark mode testing, and touch target sizing to meet WCAG compliance requirements, so your iOS apps remain accessible to all users.
Can apple-hig-designer create native iPhone UI with accessibility built in?
Yes. apple-hig-designer helps you create native iPhone UI with accessibility built in from the start. It provides guidance on form controls, buttons, text fields, toggles, and proper spacing while ensuring VoiceOver support and Dynamic Type implementation so your interface adapts gracefully to user preferences.
Does apple-hig-designer support SwiftUI components and HIG compliance?
apple-hig-designer fully supports SwiftUI components and HIG compliance. It generates SwiftUI and UIKit code with semantic colors and San Francisco typography, validates your designs against Apple guidelines, and covers navigation patterns, tab bars, lists, and sheets to ensure your code follows best practices.
What design patterns does apple-hig-designer cover for iPad and Apple Watch?
apple-hig-designer covers multitasking iPad design patterns and Apple Watch design patterns including glances. It supports dark mode and dynamic type implementation across all Apple platforms, helping you design beautiful native iOS apps that work seamlessly on iPhone, iPad, and Apple Watch.
How does apple-hig-designer validate iOS design against Apple guidelines?
apple-hig-designer validates your iOS design by checking alignment with Apple's design principles of clarity, deference, and depth. It reviews SF Symbols usage, app icon guidelines, color contrast, spacing, touch targets, and interaction patterns to ensure your design meets Apple's standards and feels native to the ecosystem.
SKILL.md
rendered from the published skill — quoted content, verbatim
Apple HIG Designer
Design beautiful, native iOS apps following Apple's Human Interface Guidelines (HIG). Create accessible, intuitive interfaces with native components, proper typography, semantic colors, and Apple's design principles.
What This Skill Does
Helps you design and build iOS apps that feel native and follow Apple's guidelines: - Generate iOS Components - Create SwiftUI and UIKit components - Validate Designs - Check compliance with Apple HIG - Ensure Accessibility - VoiceOver, Dynamic Type, color contrast - Apply Design Principles - Clarity, Deference, Depth - Use Semantic Colors - Automatic dark mode support - Implement Typography - San Francisco font system - Follow Spacing - 8pt grid system and safe areas
Apple's Design Principles
1. Clarity
Make content clear and focused.
Text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a focus on
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 9 files
skills/apple-hig-designer/SKILL.md
skills/apple-hig-designer/references/accessibility.md
skills/apple-hig-designer/references/colors.md
skills/apple-hig-designer/references/components.md
skills/apple-hig-designer/references/layout_spacing.md
skills/apple-hig-designer/references/typography.md
skills/apple-hig-designer/scripts/audit_accessibility.sh
skills/apple-hig-designer/scripts/generate_ios_component.sh
skills/apple-hig-designer/scripts/validate_design.sh