One-click install
npx skills add https://github.com/Shaarav4795/ScholarFlow --skill mobile-ios-design-shaarav4795
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/Shaarav4795/ScholarFlow/tree/main/.agents/skills/mobile-ios-design
Command: npx skills add https://github.com/Shaarav4795/ScholarFlow --skill mobile-ios-design-shaarav4795

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Consolidates iOS Human Interface Guidelines and SwiftUI patterns to guide native iOS app design.

Core Features & Use Cases

  • iOS Design Principles: Align interfaces with Human Interface Guidelines for Clarity, Deference, and Depth across iPhone, iPad, and visionOS.
  • SwiftUI Patterns: Reusable layout, navigation, and component patterns to accelerate UI development and ensure consistency.
  • Accessibility and System Integration: Honors Dynamic Type, color semantics, SF Symbols, and system accents to create inclusive apps.
  • Use Case: Design teams reference standardized components and patterns to ship polished iOS apps with consistent typography, spacing, and navigation.

Quick Start

Design a polished iOS interface for a finance app using HIG guidelines and SwiftUI patterns.

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 app interface that follows Human Interface Guidelines?

To design a native iOS interface with Human Interface Guidelines, align your visual elements with principles of Clarity, Deference, and Depth. This ensures consistent typography, spacing, and navigation across iPhone and iPad.

What SwiftUI patterns should I use for consistent iOS app navigation?

For consistent iOS app navigation with SwiftUI, use reusable layout and navigation patterns that accelerate UI development. These patterns ensure standardized component behavior and safe area handling across different device sizes.

How do I make my SwiftUI app accessible with Dynamic Type and SF Symbols?

Make your SwiftUI app accessible by honoring Dynamic Type, applying color semantics, and integrating SF Symbols. This approach guarantees inclusive apps by supporting system accents and semantic symbols for visually impaired users.

Can I use HIG and SwiftUI design patterns for iPad and visionOS apps?

Yes, you can apply HIG and SwiftUI design patterns across iPad and visionOS. The guidelines cover adaptive layouts and platform-specific considerations, ensuring your interface scales correctly beyond just the iPhone.

What is the best way to structure adaptive layouts in SwiftUI for multiple iOS devices?

The best way to structure adaptive layouts in SwiftUI is by applying platform-specific considerations and reusable component patterns. This ensures your interface dynamically adjusts to varying screen sizes while maintaining safe area handling.

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

Your iOS app design may feel inconsistent across screen sizes if it lacks adaptive layouts and standardized component patterns. Applying HIG principles for typography, color usage, and safe area handling resolves these layout discrepancies.