All skills
raintree-technology avatar

/hig-components-layout

@5aac106

Apple Human Interface Guidelines for layout and navigation components. Use this skill when the user asks about "sidebar", "split view", "tab bar", "tab view", "scroll view", "window design", "panel", "list view", "table view", "column view", "outline view", "navigation structure", "app layout", "boxes", "ornaments", or organizing content hierarchically in Apple apps. Also use when the user says "how should I organize my app", "what navigation pattern should I use", "my layout breaks on iPad", "how do I build a sidebar", "should I use tabs or a sidebar", or "my app doesn't adapt to different screen sizes". Cross-references: hig-foundations for layout/spacing principles, hig-platforms for platform-specific navigation, hig-patterns for multitasking and full-screen, hig-components-content for content display.

Use this Skill: https://skilld.dev/gh/raintree-technology/hig-doctor/hig-components-layout

This session only. Nothing lands on disk.

referencessidebars.md

≈448 tokens on demand. Your agent reads this file only when SKILL.md points to it.

<!-- hig-doctor:attribution -->

Source: Apple Inc. Canonical content at https://developer.apple.com/design/human-interface-guidelines/sidebars. This file is a structured index of that content, snapshot 2025-02-02. Apple HIG text and imagery are © Apple Inc.; this repository provides organization and cross-referencing for AI agent consumption only.

Sidebars

Best practices

Extend content beneath the sidebar.

When possible, let people customize the contents of a sidebar.

Group hierarchy with disclosure controls if your app has a lot of content.

Consider using familiar symbols to represent items in the sidebar.

Consider letting people hide the sidebar.

In general, show no more than two levels of hierarchy in a sidebar.

If you need to include two levels of hierarchy in a sidebar, use succinct, descriptive labels to title each group.

Platform considerations

iOS

Avoid using a sidebar.

iPadOS

Consider using a tab bar first.

If necessary, apply the correct appearance to a sidebar.

macOS

Avoid stylizing your app by specifying a fixed color for all sidebar icons.

Consider automatically hiding and revealing a sidebar when its container window resizes.

Avoid putting critical information or actions at the bottom of a sidebar.

visionOS

If your app’s hierarchy is deep, consider using a sidebar within a tab in a tab bar.


<!-- hig-doctor:canonical-footer -->

For the complete guidance, including worked examples and illustrations, see the canonical page: https://developer.apple.com/design/human-interface-guidelines/sidebars

Source: SKILL.md on GitHub

No alerts17d4 checks · Risk SAFE
  • Gen Agent Trust Hub17d

    The skill is a collection of documentation and instructions based on the Apple Human Interface Guidelines for layout and navigation. It contains no code or external script executions and poses no security risk.

  • Socket17d

    No alerts

  • Snyk17d

    Risk: LOW · No issues

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at 5aac106. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 4 weeks ago.

Activeupdated 7 months ago
version
1.0.0

README badge

README badge for raintree-technology/hig-doctor/hig-components-layout