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.

referenceslists-and-tables.md

≈525 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/lists-and-tables. 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.

Lists and tables

Best practices

Prefer displaying text in a list or table.

Let people edit a table when it makes sense.

Provide appropriate feedback when people select a list item.

Content

Keep item text succinct so row content is comfortable to read.

Consider ways to preserve readability of text that might otherwise get clipped or truncated.

Use descriptive column headings in a multicolumn table.

Style

Choose a table or list style that coordinates with your data and platform.

Choose a row style that fits the information you need to display.

Platform considerations

iOS, iPadOS, visionOS

Use an info button only to reveal more information about a row’s content.

Avoid adding an index to a table that displays controls — like disclosure indicators — in the trailing ends of its rows.

macOS

Let people resize columns.

Consider using alternating row colors in a multicolumn table.

Use an outline view instead of a table view to present hierarchical data.

tvOS

Confirm that images near a table still look good as each row highlights and slightly increases in size when it becomes focused.

watchOS

When possible, limit the number of rows.

Constrain the length of detail views if you want to support vertical page-based navigation.


<!-- 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/lists-and-tables

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