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.

referencespanels.md

≈437 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/panels. 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.

Panels

Best practices

Use a panel to give people quick access to important controls or information related to the content they’re working with.

Consider using a panel to present inspector functionality.

Prefer simple adjustment controls in a panel.

Write a brief title that describes the panel’s purpose.

Show and hide panels appropriately.

Avoid including panels in the Window menu’s documents list.

In general, avoid making a panel’s minimize button available.

Refer to panels by title in your interface and in help documentation.

HUD-style panels

Prefer standard panels.

  • In a media-oriented app that presents movies, photos, or slides

  • When a standard panel would obscure essential content

  • When you don’t need to include controls — with the exception of the disclosure triangle, most system-provided controls don’t match a HUD’s appearance.

Maintain one panel style when your app switches modes.

Use color sparingly in HUDs.

Keep HUDs small.


<!-- 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/panels

Source: SKILL.md on GitHub

No alerts16d4 checks · Risk SAFE
  • Gen Agent Trust Hub16d

    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.

  • Socket16d

    No alerts

  • Snyk16d

    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