mobile-ios-design

Design native iOS interfaces with SwiftUI and Apple's Human Interface Guidelines.

3|Updated Jan 8, 2026
One-click install
npx skills add https://github.com/DrLuggels/my_dhbw --skill mobile-ios-design-drluggels
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/DrLuggels/my_dhbw/tree/main/.claude/plugins/ui-design/skills/mobile-ios-design
Command: npx skills add https://github.com/DrLuggels/my_dhbw --skill mobile-ios-design-drluggels

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you design and build native iOS applications that adhere to Apple's design standards, ensuring a polished and intuitive user experience.

Core Features & Use Cases

  • Human Interface Guidelines (HIG): Understand and apply Apple's design principles for clarity, deference, and depth.
  • SwiftUI Patterns: Implement modern UI layouts, navigation, and system integrations using SwiftUI.
  • Use Case: You need to design a new settings screen for an iOS app. This Skill provides guidance on using SwiftUI's Form and Section components, applying semantic colors, and ensuring accessibility.

Quick Start

Use the mobile-ios-design skill to create a SwiftUI FeatureCard component with a title, description, and system image.

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 a native iOS interface that follows Apple's Human Interface Guidelines?

To design a native iOS interface following Apple's Human Interface Guidelines, apply principles of clarity, deference, and depth using SwiftUI for layout systems, navigation patterns, and semantic colors to ensure platform consistency.

What is the best way to build an accessible settings screen in SwiftUI?

The best way to build an accessible settings screen in SwiftUI is using `Form` and `Section` components, applying semantic colors, and integrating Dynamic Type to ensure the interface adapts to user accessibility preferences.

How do I use SF Symbols and Dynamic Type in mobile development for iOS?

Use SF Symbols and Dynamic Type in iOS mobile development by integrating them into your SwiftUI views, which ensures your interface scales correctly across different devices and supports accessibility-based text sizing.

Does this iOS design guidance cover adaptive layouts for both iPhone and iPadOS?

Yes, this iOS design guidance covers adaptive layouts for iPadOS by providing comprehensive SwiftUI patterns and visual design principles that ensure your native application interfaces adapt seamlessly across different device sizes.

When do I need to use SwiftUI navigation patterns for mobile development?

You need to use SwiftUI navigation patterns when implementing platform-consistent user interfaces that require structured transitions, ensuring your native iOS app adheres to Apple's design standards for intuitive user experiences.

Can I apply these Human Interface Guidelines to create a custom SwiftUI component like a FeatureCard?

Yes, you can apply these Human Interface Guidelines to create a custom SwiftUI `FeatureCard` component by following the provided code examples to structure the title, description, and system image while maintaining visual design principles.