# Design Adaptive Apple Layouts and Navigation

Choosing Apple navigation structures across devices is complex. This skill maps information architecture to HIG-aligned components and responsive platform behavior.

## Install

```bash
npx skillstore add sickn33/hig-components-layout
```

## Metadata

- Status: approved
- Slug: sickn33-hig-components-layout
- Skillstore revision: r2
- Version status: missing
- Tree hash: d0020b532e9ae8e4f4476e13ebfc290157e2b6ae8dda2ba34c02ed653c0255bd
- Author: sickn33
- GitHub username: sickn33
- License: MIT
- Repository: https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/hig-components-layout
- Ref: 88a8e9a07f4c54ab105c1c41b6267c287146b07b
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network
- Quality score: 75
- Public page: https://skillstore.pages.dev/skills/sickn33-hig-components-layout
- Manifest: https://skillstore.pages.dev/api/skills/sickn33-hig-components-layout/manifest

## Capabilities

- Recommends tab bars, sidebars, split views, column views, windows, panels, or ornaments for a given information architecture.
- Explains how navigation should adapt across iPhone, iPad, Mac, and visionOS.
- Defines layout hierarchy from root navigation to list and detail content.
- Reviews size classes, multitasking, orientation, accessibility, and spatial placement.
- Provides focused guidance for twelve Apple layout and navigation component families.

## Use Cases

- Choose Mobile Navigation: Select a clear navigation model for an iPhone app with several peer sections and deeper detail screens.
- Adapt an iPad Interface: Plan sidebar and split-view behavior across full screen, Split View, Slide Over, and orientation changes.
- Align Multiple Apple Platforms: Define consistent navigation while respecting window, panel, and ornament conventions on Mac and visionOS.

## Prompt Templates

### Select a Navigation Pattern

```
Recommend a navigation pattern for [app type] with [number] top-level sections on [platform]. Explain the choice and basic hierarchy.
```

### Plan Adaptive Behavior

```
Design the layout for [app] on iPhone and iPad. Describe compact and regular widths, orientation changes, and multitasking behavior.
```

### Audit an Existing Layout

```
Review this navigation structure: [description]. Identify HIG conflicts, accessibility risks, unclear hierarchy, and platform-specific improvements. Prioritize the changes.
```

### Create a Cross-Platform Specification

```
Create a navigation specification for [app] across iPhone, iPad, Mac, and visionOS. Include hierarchy, component choices, transitions, restoration, and validation cases.
```

## Limitations

- It provides design guidance, not runnable SwiftUI or UIKit implementations.
- It does not replace testing on physical devices, simulators, or assistive technologies.
- It covers layout and navigation components, not complete visual styling or interaction design.
- Its recommendations depend on accurate platform targets and information architecture.

## Best Practices

- Describe the information hierarchy, section count, target platforms, and implementation framework before requesting recommendations.
- Validate every recommendation at compact and regular widths, including iPad multitasking states.
- Test navigation order, labels, focus, and Dynamic Type with relevant accessibility tools.

## Anti Patterns

- Do not choose a component only because it matches another platform's visual appearance.
- Do not nest same-direction scroll views or hide critical actions in unstable locations.
- Do not assume an iPad layout can shrink directly into an iPhone layout.

## Security Audit

- Audited at: 2026-07-23T23:26:01.218\+00:00
- Summary: All 36 static findings are false positives caused by ordinary HIG prose, Markdown code spans, and attribution links. No command execution, system reconnaissance, prompt injection, or data-exfiltration intent was found.

## Stats

- Views: 113
- Downloads: 10
- Favorites: 0
- Popularity score: 0