apple-hig-design

Generate Apple HIG-compliant UI designs for iOS, iPadOS, macOS, watchOS, and tvOS.

Updated Dec 16, 2025
One-click install
npx skills add https://github.com/yuya0602/satori-camera --skill apple-hig-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: apple-hig-design
Source: https://github.com/yuya0602/satori-camera/tree/main/.claude/skills/apple-hig-design
Command: npx skills add https://github.com/yuya0602/satori-camera --skill apple-hig-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the guesswork and manual research required to create Apple-compliant user interfaces, ensuring your designs meet platform standards effortlessly.

Core Features & Use Cases

  • Platform-Specific Design: Generate iOS, iPadOS, macOS, watchOS, and tvOS interfaces that follow Human Interface Guidelines.
  • Component Generation: Create SwiftUI and UIKit components with proper spacing, typography, and accessibility.
  • Use Case: Imagine you need to design a new settings screen for your iOS app. Use this Skill to automatically create layouts with correct margins, system colors, and SF Symbols that work seamlessly in both light and dark modes.

Quick Start

Design a login screen for an iOS app following Apple HIG principles.

Frequently Asked Questions about apple-hig-design

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

FAQPage Schema
How do I design iOS and macOS apps that follow Apple's Human Interface Guidelines?

Apple HIG design ensures your interfaces meet platform standards across iOS, iPadOS, macOS, watchOS, and tvOS. This Skill automatically generates HIG-compliant layouts with correct spacing, typography, system colors, and accessibility labels so your designs work seamlessly in light and dark modes.

Can I create SwiftUI components with proper accessibility and dynamic type support?

Yes. This Skill generates SwiftUI and UIKit components that include platform-aware spacing, SF Symbols, dynamic type support, and accessibility labeling built in, eliminating manual research on Apple's component standards.

What's the best way to ensure dark mode and accessibility compliance in Apple app design?

Use platform-aware design that applies system colors, dark mode readiness, and accessibility labeling from the start. This Skill automates these requirements across all Apple platforms, reducing compliance gaps in UI/UX design and prototyping workflows.

How do I design a settings screen or login flow for an iOS app that meets Apple standards?

Provide the interface type and content to this Skill and it generates HIG-compliant layouts with correct margins, system colors, SF Symbols, and accessibility features. The output includes SwiftUI or UIKit code guidance ready for implementation.

Does this work for watchOS and tvOS interfaces, or only iOS?

It covers all five Apple platforms: iOS, iPadOS, macOS, watchOS, and tvOS. Each design accounts for platform-specific spacing, typography, and component guidelines so your interface adapts correctly to each environment.

What happens if I don't follow Apple HIG standards in my app design?

Apps that deviate from HIG risk App Store rejection, poor accessibility, inconsistent behavior across light and dark modes, and user confusion. This Skill prevents those issues by enforcing HIG compliance automatically during design and prototyping.