skills.rest
nhatmobile1
nhatmobile1COMMUNITY
Explore all skills by this author →
GitHub

apple-hig-designer

Generate HIG-compliant SwiftUI and UIKit components with accessibility validation.

Updated Jan 4, 2026
Search Tags:#typography#design#accessibility#apple#swiftui#hig
One-click install
npx skills add https://github.com/nhatmobile1/shokupan-app --skill apple-hig-designer-nhatmobile1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-hig-designer
Source: https://github.com/nhatmobile1/shokupan-app/tree/main
Command: npx skills add https://github.com/nhatmobile1/shokupan-app --skill apple-hig-designer-nhatmobile1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple HIG conformance can be challenging to achieve manually; this skill helps you design iOS apps by generating native components, validating designs for clarity, deference, and depth, and ensuring accessibility compliance across iPhone, iPad, and Apple Watch.

Core Features & Use Cases

  • Generate native iOS components (SwiftUI and UIKit) that align with Apple's Human Interface Guidelines.
  • Validate designs for typography, color semantics, spacing, and accessibility, ensuring VoiceOver and Dynamic Type support.
  • Use semantic colors and typography guidelines to produce consistent, adaptive UIs across Light/Dark modes.
  • Apply the 8-point grid and safe areas for predictable layouts in real-world apps.
  • Use Case: Audit a new login screen to verify contrast, typography scale, and element hierarchy, then generate a conforming SwiftUI view and assets.

Quick Start

Design a new iOS screen following Apple HIG and return a ready-to-use SwiftUI component set.

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 SwiftUI components that follow Apple Human Interface Guidelines?▼

To validate accessibility for iOS apps, check your designs for VoiceOver compatibility, Dynamic Type support, and color contrast to ensure they meet Apple HIG clarity, deference, and depth principles across iPhone and iPad.

How do I audit an existing UIKit screen for Apple HIG compliance?▼

To audit a UIKit screen for Apple HIG compliance, evaluate typography scale, element hierarchy, and color semantics, then apply the 8-point grid to correct spacing and predictability issues in your legacy app.

Can I use semantic colors to ensure my iOS app supports Dark Mode?▼

Yes, you can use semantic colors to ensure your iOS app supports Dark Mode by applying Apple's typography guidelines and color semantics, producing adaptive UIs that automatically adjust across Light and Dark modes.

What is the best way to generate native iOS components for both SwiftUI and UIKit?▼

The best way to generate native iOS components for SwiftUI and UIKit is to apply Apple HIG validation workflows that output semantic color usage, typography guidance, and conforming views adhering to safe area conventions.

Does this approach work for designing Apple Watch interfaces as well?▼

Yes, this approach works for designing Apple Watch interfaces by validating accessibility and ensuring typography and color semantics align with Apple guidelines across iPhone, iPad, and Apple Watch platforms.

Related Skills

Explore More Design & Creative Skills→
dr-codedr-code

ios-hig-design-guide

Synthesize Apple HIG guidance into iOS design specifications with accessibility and layout constraints.

Community
Intermediate
gabelulgabelul
38

stitch-swiftui-components

Convert Stitch mobile designs into native iOS SwiftUI view code.

Community
Advanced
tyronerosstyroneross
1

native-testing

Scan native Apple UI components via accessibility APIs for compliance violations.

Community
Advanced
Cure-Consulting-GroupCure-Consulting-Group
1

product-design

Generate platform-specific UI design specifications with design tokens and accessibility standards.

Official
Advanced