skills.rest
prateek
prateekCOMMUNITY
Explore all skills by this author →
GitHub

hig-components-layout

Align app layout and navigation with Apple HIG guidelines across Apple platforms.

3|Updated Jan 14, 2014
Search Tags:#layout#navigation#hig#ui-patterns#apple-design-guidelines#platform-adaptivity
One-click install
npx skills add https://github.com/prateek/dotfiles --skill hig-components-layout-prateek
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hig-components-layout
Source: https://github.com/prateek/dotfiles/tree/main/.agents/skills/hig-components-layout
Command: npx skills add https://github.com/prateek/dotfiles --skill hig-components-layout-prateek

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Align teams with Apple Human Interface Guidelines for layout and navigation to craft adaptive, consistent UI across iPhone, iPad, Mac, visionOS, and watchOS.

Core Features & Use Cases

  • Consolidates guidance on layout primitives (sidebars, split views, tab bars, tab views, scroll views, windows, panels, and ornaments) and platform considerations.
  • Provides best-practice patterns for selecting navigation strategies and adapting to size classes, multitasking, and different devices.
  • Use case: when designing or refactoring an app's navigation structure, this skill guides you to align with Hig conventions and reduce rework.

Quick Start

Review the hig-components-layout guidelines and apply the recommended navigation patterns to your app’s main views.

Frequently Asked Questions about hig-components-layout

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

FAQPage Schema
How do I align my app's navigation structure with Apple HIG layout patterns?▼

Apple HIG layout alignment involves selecting appropriate navigation primitives like sidebars, split views, and tab bars, then adapting them across iOS, iPadOS, macOS, visionOS, and watchOS size classes for consistent, responsive UI.

What is the best way to implement cross-platform UI patterns for iPadOS and macOS?▼

The best way to implement cross-platform UI patterns is using adaptive layout primitives like split views and sidebars that respond to size class changes, supporting multitasking scenarios across iPadOS and macOS seamlessly.

When do I need to use split views and tab bars in iOS app navigation?▼

You need split views and tab bars in iOS app navigation when structuring hierarchical data or providing top-level navigation destinations, adapting fluidly to different size classes and multitasking modes per Apple HIG guidelines.

Does this Apple HIG layout guidance cover responsive behavior for multitasking on iPadOS?▼

Yes, this Apple HIG layout guidance covers responsive behavior for multitasking on iPadOS, detailing how layout primitives like split views and scroll views adapt to different size classes and window sizes.

How do I adapt watchOS app layouts to conform to Human Interface Guidelines?▼

To adapt watchOS app layouts to Human Interface Guidelines, apply platform-specific layout primitives like scroll views and ornaments, ensuring the UI responds correctly to the constrained display size classes.

What are the limitations of using standard navigation patterns for visionOS apps?▼

Standard navigation patterns for visionOS apps require careful adaptation of sidebars and ornaments to spatial contexts, as traditional flat layouts may not leverage the depth and dimensional behaviors expected by the platform.

Related Skills

Explore More Design & Creative Skills→
raintree-technologyraintree-technology
102

hig-components-layout

Guide designers to apply Apple HIG layout and navigation rules across iPhone, iPad, macOS, and visionOS.

Official
Intermediate
jx1100370217jx1100370217
4

ios-swiftui-development

Implement SwiftUI app patterns with MVVM and ObservableObject.

Community
Advanced
exiaoexiao
37

apple-ux-guidelines

Provide Apple Human Interface Guidelines guidance for designing platform-consistent interfaces.

Community
Advanced
angrybeaglesangrybeagles

mobile-design

Consolidate Apple HIG, Material Design 3, and WCAG 2.2 rules for cross-platform UI decisions.

Community
Advanced