[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-0f85ad4a-b9a3-47fe-8327-5534e1b5a54f":3,"$fMwAIp4TMl4onVqszVGJqevRs-S71w5JQ7adSHXI2Rf0":43},{"id":4,"title":5,"description":6,"categoryId":7,"moduleId":8,"tags":9,"prompt":10,"icon":11,"source":12,"sourceUrl":13,"authorId":14,"authorName":15,"isPublic":16,"stars":17,"runs":18,"createdAt":19,"updatedAt":19,"module":20,"category":27,"packages":34},"0f85ad4a-b9a3-47fe-8327-5534e1b5a54f","hig-components-search","苹果HIG指南中关于导航相关组件的指导，包括搜索字段、页面控件和路径控件。","cat_life_career","mod_other","sickn33,other","---\nname: hig-components-search\ndescription: Apple HIG guidance for navigation-related components including search fields, page controls, and path controls.\nrisk: safe\nsource: community\ndate_added: '2026-02-27'\n---\n\n# Apple HIG: Navigation Components\n\nCheck for `.claude\u002Fapple-design-context.md` before asking questions. Use existing context and only ask for information not already covered.\n\n## Key Principles\n\n1. **Search: discoverable with instant feedback.** Place search fields where users expect them (top of list, toolbar\u002Fnavigation bar). Show results as the user types.\n\n2. **Page controls: position in a flat page sequence.** For discrete, equally weighted pages (onboarding, photo gallery). Show current page and total count.\n\n3. **Path controls: file hierarchy navigation.** macOS path controls display location within a directory structure and allow jumping to any ancestor.\n\n4. **Search scopes narrow large result sets.** Provide scope buttons so users can filter without complex queries.\n\n5. **Clear empty states for search.** Helpful message suggesting corrections or alternatives, not a blank screen.\n\n6. **Page controls are not for hierarchical navigation.** Flat, linear sequences only. Use navigation controllers, tab bars, or sidebars for hierarchy.\n\n7. **Keep path controls concise.** Show meaningful segments only. Users can click any segment to navigate directly.\n\n8. **Support keyboard for search.** Command-F and system search shortcuts should activate search.\n\n## Reference Index\n\n| Reference | Topic | Key content |\n|---|---|---|\n| [search-fields.md](references\u002Fsearch-fields.md) | Search fields | Scopes, tokens, instant results, placement |\n| [page-controls.md](references\u002Fpage-controls.md) | Page controls | Dot indicators, flat page sequences |\n| [path-controls.md](references\u002Fpath-controls.md) | Path controls | Breadcrumbs, ancestor navigation |\n\n## Output Format\n\n1. **Component recommendation** -- search field, page control, or path control, and why.\n2. **Behavior specification** -- interaction model (search-as-you-type, swipe for pages, click-to-navigate for paths).\n3. **Platform differences** across iOS, iPadOS, macOS, visionOS.\n\n## Questions to Ask\n\n1. What type of content is being searched or navigated?\n2. Which platforms?\n3. How large is the dataset?\n4. Is search the primary interaction?\n\n## Related Skills\n\n- **hig-components-menus** -- Toolbars and menu bars hosting search and navigation controls\n- **hig-components-controls** -- Text fields, pickers, segmented controls in search interfaces\n- **hig-components-dialogs** -- Popovers and sheets for expanded search or filtering\n- **hig-patterns** -- Navigation patterns and information architecture\n- **hig-foundations** -- Typography and layout for navigation components\n\n---\n\n*Built by [Raintree Technology](https:\u002F\u002Fraintree.technology) · [More developer tools](https:\u002F\u002Fraintree.technology)*\n\n## When to Use\nThis skill is applicable to execute the workflow or actions described in the overview.\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.\n","","imported","https:\u002F\u002Fgithub.com\u002Fsickn33\u002Fantigravity-awesome-skills","user_system_seed","SkillOPIC",true,79,1404,"2026-05-16 13:21:58",{"id":8,"name":21,"slug":22,"icon":23,"description":24,"sort":25,"createdAt":26},"其他","other","mdi-page-next-outline","其他类型Skill",5,"2026-05-16 12:53:40",{"id":7,"name":28,"slug":29,"icon":30,"description":31,"moduleId":8,"sort":32,"skillCount":33,"createdAt":26},"职场发展","career","mdi-briefcase-outline","面试准备、简历优化、职业规划",4,575,[35],{"id":36,"skillId":4,"version":37,"fileName":38,"fileSize":39,"filePath":40,"fileHash":41,"manifest":42,"createdAt":19},"a781d1c4-6208-4163-a493-46264b06fc67","1.0.0","hig-components-search.zip",13291,"uploads\u002Fskills\u002F0f85ad4a-b9a3-47fe-8327-5534e1b5a54f\u002Fhig-components-search.zip","8bd290eb200eb6a2c5baa39a1d9fdd53bd598c29f3a723a383ec25764a3be9c0","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":3317},{\"path\":\"references\u002Fpage-controls.md\",\"isDirectory\":false,\"size\":12113},{\"path\":\"references\u002Fpath-controls.md\",\"isDirectory\":false,\"size\":3168},{\"path\":\"references\u002Fsearch-fields.md\",\"isDirectory\":false,\"size\":19701}]",{"code":44,"message":45,"data":46},200,"success",{"items":47,"stats":48,"page":51},[],{"averageRating":49,"totalRatings":49,"ratingCounts":50},0,[49,49,49,49,49],{"limit":52,"offset":49,"hasMore":53,"nextOffset":52,"ratedOnly":16},15,false]