SuperAPI AI 工具集

hig-components-search

设计与创作

查看项目

更新于 10-16 02:06

技能介绍

用途

该技能用于在 Apple 平台界面设计中提供人机界面指南(HIG)层面的导航组件指导,聚焦三类组件:搜索框(search fields)、页面控件(page controls)和路径控件(path controls)。它帮助使用者判断在具体场景中应选用哪种组件,并给出相应的交互行为规范与跨平台差异说明。

主要能力

  • 组件推荐:根据内容类型与导航需求,建议使用搜索框、页面控件或路径控件,并说明理由。
  • 行为规范:描述交互模型,例如搜索的输入即搜(search-as-you-type)、页面控件的滑动翻页、路径控件的点击跳转。
  • 跨平台差异:说明 iOS、iPadOS、macOS、visionOS 之间的差异。
  • 参考索引:提供 search-fields.md(搜索框:作用域、令牌、即时结果、位置)、page-controls.md(页面控件:圆点指示器、扁平页面序列)、path-controls.md(路径控件:面包屑、祖先导航)等参考主题。

关键原则

  • 搜索:应可发现并提供即时反馈;搜索框放在用户预期的位置(列表顶部、工具栏或导航栏);用户输入时即显示结果。
  • 页面控件:用于扁平的页面序列,适合离散且权重相等的页面(如引导页、照片库);显示当前页与总页数。
  • 路径控件:用于文件层级导航;macOS 路径控件显示目录结构中的位置,并允许跳转到任意祖先层级。
  • 搜索作用域:用于缩小大量结果集,提供作用域按钮让用户无需复杂查询即可筛选。
  • 空状态:搜索无结果时应给出有帮助的提示信息,建议更正或替代方案,而非空白屏幕。
  • 页面控件不用于层级导航,仅限扁平线性序列;层级导航应使用导航控制器、标签栏或侧边栏。
  • 路径控件应保持简洁,只显示有意义的片段;用户可点击任意片段直接导航。
  • 搜索应支持键盘,Command-F 和系统搜索快捷键应能激活搜索。

使用方式

在提问前先检查 .claude/apple-design-context.md,优先使用已有上下文,只询问尚未覆盖的信息。技能会围绕以下问题收集必要输入:正在搜索或导航的内容类型是什么、目标平台有哪些、数据集规模多大、搜索是否为主要交互。输出格式包括组件推荐、行为规范以及跨平台差异。

适用场景

适用于需要为 Apple 平台设计搜索、分页浏览或文件层级导航界面的任务,例如列表页搜索、引导页分页、macOS 文件路径导航等。

限制

仅当任务明确匹配上述范围时使用。输出不能替代针对具体环境的验证、测试或专家评审。若缺少必要输入、权限、安全边界或成功标准,应停止并请求澄清。