mobile-ios-design

Guides iOS teams to apply Apple's Human Interface Guidelines and SwiftUI conventions.

Updated Mar 18, 2026
One-click install
npx skills add https://github.com/ekremmkasap/jarvis --skill mobile-ios-design-ekremmkasap
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/ekremmkasap/jarvis/tree/main/server/agent_prompts/wshobson/plugins/ui-design/skills/mobile-ios-design
Command: npx skills add https://github.com/ekremmkasap/jarvis --skill mobile-ios-design-ekremmkasap

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and developers often struggle to apply Apple's Human Interface Guidelines (HIG) and SwiftUI conventions consistently across iOS, iPadOS, and visionOS, leading to inconsistent UX and reduced accessibility.

Core Features & Use Cases

  • Guidance on HIG compliance: help ensure clarity, deference, and depth in UI.
  • SwiftUI patterns and layouts: recipes for building navigation, grids, adaptive interfaces.
  • Accessibility and typography: supports Dynamic Type, semantic colors, and VoiceOver-friendly components.
  • Use Case: Convert a mockup into accessible SwiftUI views for iPhone and iPad.

Quick Start

Apply iOS design guidance to implement a SwiftUI view that adheres to HIG principles and accessibility best practices.

Frequently Asked Questions about mobile-ios-design

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

FAQPage Schema
How do I apply Apple's Human Interface Guidelines to a new iOS screen?

To apply Apple's Human Interface Guidelines to a new iOS screen, follow SwiftUI conventions for clarity, deference, and depth. This ensures consistent UX, proper typography hierarchy, clear navigation, and adaptive layouts across iPhone and iPad.

What is the best way to convert a mockup into accessible SwiftUI views?

The best way to convert mockups into accessible SwiftUI views is to apply HIG principles and SwiftUI patterns. This process supports Dynamic Type, semantic colors, VoiceOver-friendly components, and SF Symbols for polished, accessible interfaces.

Does HIG compliance support adaptive layouts for iPad and visionOS?

HIG compliance supports adaptive layouts across iPhone, iPad, and visionOS. By following SwiftUI conventions and guidelines, you can ensure your interface adapts correctly to different screen sizes while maintaining clarity and accessibility.

How do I implement Dynamic Type and VoiceOver support in SwiftUI?

To implement Dynamic Type and VoiceOver support in SwiftUI, use accessible UI design patterns that align with HIG. This involves using semantic colors, appropriate typography hierarchy, and VoiceOver-friendly components to enhance accessibility.

Why does my iOS app UI feel inconsistent across different screen sizes?

Your iOS app UI feels inconsistent across screen sizes when it lacks adherence to HIG principles and adaptive SwiftUI layouts. Applying consistent navigation patterns, SF Symbols, and typography hierarchy resolves these interface inconsistencies.

Can I audit an existing iOS app for HIG compliance and accessibility?

You can audit existing iOS apps for HIG compliance and accessibility by evaluating SwiftUI views against HIG principles. This process identifies gaps in clarity, navigation patterns, Dynamic Type support, and adaptive layout behavior across devices.