Agent skill · design visual · aiskillstore
hig-components-search
Apple HIG guidance for navigation-related components including search fields, page controls, and path controls.
Why this skill is useful
Provides specific design principles and component recommendations for navigation-related UI elements that the AI may not generate accurately on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Apple HIG: Navigation Components Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered. Key Principles 1. Search: discoverable with instant feedback. Place search fields where users expect them (top of list, toolbar/navigation bar). Show results as the user types. 2. Page controls: position in a flat page sequence. For discrete, equally weighted pages (onboarding, photo gallery). Show current page and total count. 3. Path controls: file hierarchy navigation. macOS path controls display location within a directory structure and allow jumping to any ancestor. 4. Search scopes narrow large result sets. Provide scope buttons so users can filter without complex queries. 5. Clear empty states for search. Helpful message suggesting corrections or alternatives, not a blank screen. 6. Page controls are not for hierarchical navigation. Flat, linear sequences only. Use navigation controllers, tab bars, or sidebars for hierarchy. 7. Keep path controls concise. Show meaningful segments only. Users can click any segment to navigate directly. 8. Support keyboard for search. Command-F and system search shortcuts should activate search. Reference Index Reference Topic Key content --- --- --- search-fields.md Search fields Scopes, tokens, instant results, placement page-controls.md Page controls Dot indicators, flat page sequences path-controls.md Path controls Breadcrumbs, ancestor navigation Output Format 1. Component recommendation -- search field, page control, or path control, and why. 2. Behavior specification -- interaction model (search-as-you-type, swipe for pages, click-to-navigate for paths). 3. Platform differences across iOS, iPadOS, macOS, visionOS. Questions to Ask 1. What type of content is being searched or navigated? 2. Which platforms? 3. How large is the dataset? 4. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/hig-components-search