apple-hig-designer

Generate SwiftUI and UIKit components compliant with Apple Human Interface Guidelines.

194|26|Updated Oct 20, 2025
One-click install
npx skills add https://github.com/jamesrochabrun/skills --skill apple-hig-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: apple-hig-designer
Source: https://github.com/jamesrochabrun/skills/tree/main/skills/apple-hig-designer
Command: npx skills add https://github.com/jamesrochabrun/skills --skill apple-hig-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Brings Apple HIG-compliant UI to life with native components, typography, and accessibility.

Core Features & Use Cases

  • Generate iOS Components: SwiftUI/ UIKit patterns.
  • Validate Designs: HIG compliance checks.
  • Accessibility: VoiceOver, Dynamic Type, color contrast.
  • Design Principles: Clarity, Deference, Depth.
  • Semantic Colors: Dark mode ready.

Quick Start

Request a native iOS control example, e.g., "Show me a compliant Navigation Bar."

Frequently Asked Questions about apple-hig-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design iOS apps that comply with Apple's Human Interface Guidelines?

Apple's Human Interface Guidelines provide design standards for iOS, iPadOS, and watchOS. This Skill generates native SwiftUI and UIKit components following HIG principles—including semantic colors, Dynamic Type support, VoiceOver accessibility, proper typography, 8pt grid spacing, and motion guidelines—to ensure your app meets Apple's requirements for clarity, deference, and depth.

Can I validate my iOS designs against HIG accessibility requirements?

Yes. This Skill validates designs for HIG compliance across accessibility dimensions: VoiceOver support, Dynamic Type scaling, color contrast ratios, and semantic color usage for dark mode. It checks typography, spacing, and safe areas to confirm your UI meets accessibility standards for iPhone, iPad, and Apple Watch.

What native SwiftUI and UIKit patterns follow Apple's design system?

This Skill generates compliant Navigation Bars, controls, and component patterns in both SwiftUI and UIKit that adhere to HIG. Each pattern implements semantic colors, respects Dynamic Type, includes VoiceOver labels, and uses 8pt grid spacing and safe areas—ensuring consistency across Apple platforms.

How do I implement Dark Mode support in iOS components?

This Skill uses semantic colors instead of fixed hex values, automatically adapting to light and dark appearances. Semantic colors respond to system settings, ensuring proper contrast and legibility without manual theme switching in your SwiftUI or UIKit components.

Do I need prior HIG knowledge to use this for iOS app design?

No. This Skill encodes HIG principles directly into component generation and validation. You request a native control—like a compliant Navigation Bar—and receive HIG-aligned code with accessibility and typography built in, reducing the learning curve for guideline adoption.

What's the difference between validating designs and generating components?

Validation checks your existing designs against HIG standards for accessibility, spacing, colors, and typography. Generation produces new native SwiftUI and UIKit code that already conforms to HIG, eliminating compliance rework and ensuring accessibility from the start.