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
Decision gist · record as of 2026-01-14
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.
Use it when
- apple-hig-designer prioritizes accessibility by ensuring your designs comply with VoiceOver and Dynamic Type standards.
- Yes.
Verify before relying
Read SKILL.md below before installing (9 files). Open directory: indexed for reading, not audited.
Install
jamesrochabrun/skills/apple-hig-designer · repository language: Shell
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
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
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Design iOS apps that follow Apple's HIG with native components”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill equips Claude with systematic accessibility auditing for iOS apps, scanning for VoiceOver label gaps, Dynamic Type scaling failures, color contrast issues, and gesture-only interactions that block users with disabilities. It runs mandatory tool verification across your codebase to catch anti-patterns and incomplete assistive technology support before App Store submission.
Design Spec Extraction converts visual inputs—screenshots, mockups, and design exports—into structured JSON specifications following W3C Design Tokens standards. The skill uses a 7-pass serial architecture to extract layout, colors, typography, components, spacing, accessibility data, and state information, writing each phase to disk for validation and resumption.
This skill provides comprehensive guidance on integrating Apple's native technologies into your app. It covers design patterns, privacy requirements, and implementation checklists for services like Siri voice interaction, Apple Pay checkout, health data access, smart home control, augmented reality, and identity verification. Use it to understand Apple's best practices for each framework and ensure your integrations meet platform standards.
This skill equips developers with Apple's Human Interface Guidelines, providing essential design principles and patterns for building polished SwiftUI applications. Access curated rules, accessibility requirements, and platform-specific best practices to ensure your iOS apps meet Apple's quality standards and deliver excellent user experiences.
iPadOS Design equips developers with comprehensive rules for creating native iPad experiences that leverage the platform's unique capabilities. Learn to build adaptive layouts across all iPad sizes, implement multitasking support for Split View and Stage Manager, and design intuitive navigation with sidebars and multi-column layouts. The skill covers pointer interactions, trackpad support, keyboard shortcuts, and responsive design patterns that transform iPad from a scaled iPhone into a powerful, capable canvas.
Master iPad-native design with comprehensive rules for responsive layouts, multitasking support, and pointer interactions. Learn to build adaptive interfaces that work across iPad Mini through Pro, handle Split View and Stage Manager resizing, implement sidebar navigation, and add trackpad hover effects—ensuring your app feels native on larger screens rather than a stretched iPhone.
More skills Macos Design (NOASSERTION) · macos-design-guidelines (MIT) · ios-design-system (MIT)