skills.rest
nsnguyen
nsnguyenCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-ios-design

Create iOS-native SwiftUI interfaces following Apple's Human Interface Guidelines.

5|Updated Jan 27, 2026
Search Tags:#design#accessibility#iOS#SwiftUI#UI patterns#HIG
One-click install
npx skills add https://github.com/nsnguyen/ios_app_rag_calendar --skill mobile-ios-design-nsnguyen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/nsnguyen/ios_app_rag_calendar/tree/main/.claude/skills/mobile-ios-design
Command: npx skills add https://github.com/nsnguyen/ios_app_rag_calendar --skill mobile-ios-design-nsnguyen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill consolidates Apple’s Human Interface Guidelines and SwiftUI patterns to help designers and developers craft native iOS experiences that feel consistent, accessible, and on-brand.

Core Features & Use Cases

  • HIG Compliance: Guidance to align UI with Apple's Human Interface Guidelines across iPhone, iPad, and macOS Catalyst.
  • SwiftUI Patterns: Practical patterns for layouts, navigation, adaptive design, and SF Symbols usage.
  • Accessibility & Typography: Techniques to support Dynamic Type, color accessibility, and inclusive interfaces.
  • Real-World Use Case: Create a SwiftUI screen for a weather app that respects typography scales, color policies, and accessible controls.

Quick Start

Design a SwiftUI login screen that follows iOS HIG, with an app logo, two text fields, and a primary action button.

Frequently Asked Questions about mobile-ios-design

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

FAQPage Schema
How do I design SwiftUI interfaces that comply with Apple's Human Interface Guidelines?▼

To design SwiftUI interfaces that comply with Apple's HIG, you need to apply native UI patterns for navigation, typography, and SF Symbols. This ensures adaptive layouts across iPhone and iPad while maintaining consistent visual design and accessibility standards.

What SwiftUI patterns help with adaptive layouts and Dynamic Type support?▼

SwiftUI patterns for adaptive layouts and Dynamic Type support focus on reusable components and accessibility practices. These patterns ensure interfaces scale correctly across iPhone and iPad while supporting inclusive typography and color accessibility policies.

How do I build an iOS login screen in SwiftUI that follows HIG?▼

Building an iOS login screen in SwiftUI following HIG involves using standard UI patterns for text fields and primary action buttons. The design enforces consistent visual design, accessible controls, and proper navigation structure aligned with Apple's guidelines.

Can I use SwiftUI patterns to design interfaces for both iPhone and iPad?▼

Yes, you can use SwiftUI patterns to design interfaces for both iPhone and iPad. The approach provides adaptive layout guidance that ensures your native iOS interface scales correctly across different Apple platforms while maintaining HIG compliance.

What's the best way to implement SF Symbols and accessible typography in SwiftUI?▼

The best way to implement SF Symbols and accessible typography in SwiftUI is by following HIG compliance patterns. This approach enforces Dynamic Type support and color accessibility, ensuring your interface remains inclusive across Apple platforms.

Related Skills

Explore More Design & Creative Skills→
adamayoungadamayoung
1

test-snapshots

Execute SwiftUI snapshot tests to detect visual regressions in the iOS simulator.

Community
Intermediate
fal3fal3
13

iOS Accessibility Skill

Implement VoiceOver, Dynamic Type, color contrast, and HIG compliance in iOS apps.

Community
Intermediate
emilyLi2020emilyLi2020
2

Expo UI SwiftUI

Integrate native iOS SwiftUI views into Expo SDK 55 projects.

Community
Intermediate
ralphjohn29ralphjohn29
1

apple-hig-designer

Generate SwiftUI and UIKit code examples following Apple's Human Interface Guidelines.

Community
Intermediate