skills.rest
pyronaur
pyronaurCOMMUNITY
Explore all skills by this author →
Website𝕏@pyronaurGitHub

hig-components-layout

Selects Apple HIG layout and navigation components for iOS, iPadOS, macOS, and visionOS apps.

Updated Feb 22, 2026
Search Tags:#design#layout#navigation#split-view#sidebars#apple hig#outline-views
One-click install
npx skills add https://github.com/pyronaur/ngents --skill hig-components-layout
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hig-components-layout
Source: https://github.com/pyronaur/ngents/tree/main/docs/topics/apple/hig-doctor/skills/hig-components-layout
Command: npx skills add https://github.com/pyronaur/ngents --skill hig-components-layout

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Apple Human Interface Guidelines define standardized layout and navigation components. This skill helps teams decide which pattern to use (sidebars, split views, tab bars, etc.) to create intuitive, scalable interfaces across Apple platforms.

Core Features & Use Cases

  • Guidance on when to apply layout and navigation components (sidebars for broad hierarchies, split views for master/detail, column views for deep hierarchies, outlines for nested data).
  • Cross-platform adaptation guidance across iOS, iPadOS, macOS, and visionOS, with platform-specific considerations.
  • Practical use cases and decision criteria to align teams on design systems and implementation.

Quick Start

Decide the appropriate navigation pattern and implement it using the Apple HIG components described here.

Frequently Asked Questions about hig-components-layout

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

FAQPage Schema
When should I use a sidebar versus a tab bar for Apple app navigation?▼

Use sidebars for broad hierarchies and tab bars for flat category switching. This skill provides decision criteria to align teams on the correct Apple HIG layout and navigation components for your app structure.

How do I adapt split view layouts for iOS, iPadOS, and macOS?▼

Adapt split views by applying platform-specific considerations across iOS, iPadOS, macOS, and visionOS. This skill specifies cross-platform adaptation guidance to ensure cohesive multi-pane interface construction.

What is the best way to design column views for deep hierarchies in macOS?▼

The best way is implementing column views for deep hierarchies and outlines for nested data as defined by Apple HIG. This skill guides pattern selection to create intuitive, scalable interfaces.

Can I use Apple HIG outline views for nested data on visionOS?▼

Yes, outline views for nested data can be used on visionOS. This skill provides cross-platform adaptation guidance and platform-specific considerations for implementing HIG navigation components.

How to choose Apple HIG layout components for a multi-pane interface?▼

Choose components by evaluating whether your interface requires sidebars, split views, or column views. This skill offers practical use cases and decision criteria to align teams on navigation construction.

Why use split views instead of standard navigation for master/detail interfaces?▼

Use split views because they are specifically designed for master/detail interfaces within Apple HIG. This skill guides designers and engineers to select standardized layout components for scalable apps.

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
pproencapproenca
193

ios-hig

Apply Apple HIG best practices to iOS 26 SwiftUI apps.

Community
Advanced
helmordevhelmordev

ipados-design-guidelines

Create iPad-optimized SwiftUI and UIKit interfaces with adaptive layouts and multitasking support.

Community
Intermediate
prateekprateek

hig-platforms

Retrieve platform-specific design guidance from Apple Human Interface Guidelines for cross-platform UI decisions.

Community
Basic