mcpField
H
hig-components-system

hig-components-system

github.com/sickn33设计与 UI48.7k50 次安装今天更新
代码仓库

关于 hig-components-system

hig-components-system 面向设计 Apple 应用主界面以外系统界面的开发者，涵盖小组件、实时活动、通知、复杂功能、App Clips 等体验，并指导内容、更新和交互设计。

主要功能

  1. 01Apple 系统体验设计指导
  2. 02涵盖小组件和实时活动
  3. 03通知与复杂功能建议
  4. 04App Clips 和快捷指令设计说明
  5. 05平台相关的内容与交互指导

适用场景

  1. 01规划一目了然的小组件
  2. 02设计配送追踪实时活动
  3. 03审视通知内容与操作
  4. 04为应用功能选择 Apple 系统界面

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill hig-components-system

安装后在 Claude Code 中输入/hig-components-system确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
complications.md
top-shelf.md
home-screen-quick-actions.md
watch-faces.md
notifications.md
app-clips.md
app-shortcuts.md
widgets.md
live-activities.md

详细介绍

Apple HIG：系统体验

如果项目中包含 .claude/apple-design-context.md，请将其作为项目上下文读取。使用此技能无需该文件，也不要创建全局配置。只询问尚未明确的目标平台、内容或限制条件。

核心原则

通用

  1. 一目了然，立即提供价值。 系统体验会将应用最重要的内容呈现到用户无需启动应用就能看到的位置。设计时应考虑用户只有几秒钟的注意力。

  2. 尊重平台场景。 锁定屏幕小组件与主屏幕小组件面临的限制不同。复杂功能远小于顶部精选内容。

小组件

  1. 展示相关信息，而非全部内容。 显示最有用的信息，并适时更新。

  2. 支持多种尺寸，并采用不同布局。 每种尺寸都应经过精心设计，而不是简单缩放其他尺寸的布局。

  3. 轻点后跳转到相关内容。 将用户带到相关内容，而非应用的根屏幕。

实时活动

  1. 追踪有明确开始和结束时间的事件。 例如配送、比分、计时器和乘车。应同时针对灵动岛和锁定屏幕进行设计。

  2. 保持更新及时。 过时的数据会削弱信任。事件结束后应及时结束活动。

通知

  1. 尊重用户的注意力。 只为用户真正关心的信息发送通知。避免发送价值低的通知。推广通知必须获得用户明确同意，并遵守当前平台规则；绝不能将用户安装应用视为其已同意。

  2. 可操作且信息完整。 提供足够的上下文，让用户无需打开应用即可理解并采取行动。支持通知操作。使用线程和分组。

表盘复杂功能
  1. 在表盘上聚焦数据。 现代复杂功能使用 WidgetKit；旧版 ClockKit 模板无法与 WidgetKit 布局一一对应。针对最小的有效呈现形式进行设计。支持多种族。合理规划更新次数。
主屏幕快捷操作
  1. 提供 3-4 个最常用的任务。 使用简短标题、可选副标题和相关的 SF Symbol 图标。
顶部精选内容
  1. 展示 tvOS 精选内容。 突出能够吸引用户的内容：新剧集、精选项目和近期内容。
App Clip
  1. 在严格的大小限制内提供即时、专注的功能。 下载并启动小型 App Clip，无需安装完整应用。只提供完成当前任务所需的功能，之后再提供安装完整应用的选项。
App 快捷指令
  1. 将关键操作呈现给 Siri 和 Spotlight。 为常用任务定义快捷指令。使用自然、对话式的触发短语。

参考索引

参考文档主题关键内容
widgets.md小组件一目了然的信息、尺寸、深度链接、时间线
live-activities.md实时活动实时追踪、灵动岛、锁定屏幕
notifications.md通知注意力、操作、分组、内容
complications.md表盘复杂功能表盘数据、族、按预算安排的更新
home-screen-quick-actions.md快捷操作Haptic Touch、常用任务、SF Symbols
top-shelf.md顶部精选内容精选内容、展示
app-clips.mdApp Clip即时使用、轻量、专注的任务、NFC/QR
watch-faces.md表盘自定义复杂功能、表盘共享
app-shortcuts.mdApp 快捷指令Siri、Spotlight、语音触发

输出格式

  1. 系统体验建议 -- 哪种界面最适合此用例。
  2. 内容策略 -- 展示什么、优先级如何、应省略什么。
  3. 更新频率 -- 刷新频率，包括系统预算限制。
  4. 尺寸/族变体 -- 应支持哪些尺寸和族，以及布局如何调整。
  5. 深度链接行为 -- 用户轻点后会跳转到哪里。

要提出的问题

  1. 哪些信息需要在应用之外呈现？
  2. 目标平台是什么？
  3. 数据多久更新一次？
  4. 用户最需要一眼看到什么？

相关技能

  • hig-components-status —— 小组件或 Live Activities 中的进度指示器
  • hig-inputs —— 系统体验的交互模式（复杂功能使用 Digital Crown）
  • hig-technologies —— 用于 App Shortcuts 的 Siri、用于复杂功能的 HealthKit、用于 App Clips 的 NFC

由 Raintree Technology 构建 · 更多开发者工具

适用场景

在设计主应用之外的 Apple 系统界面时使用：小组件、Live Activities、通知、手表复杂功能、主屏幕快捷操作、tvOS Top Shelf、App Clips 或 App Shortcuts。应用参考内容前，先选择目标平台和 OS 版本。

示例

用户请求：

为 iPhone 设计一个配送跟踪 Live Activity，明确展示数据过时状态，提供无障碍标签，确保锁屏内容不泄露隐私，并明确呈现结束状态。

建议采用受支持的展示形式、记录数据来源时间戳、处理 ActivityKit 更新和关闭机制，并制定设备测试矩阵。不要承诺实时配送，也不要在设计请求中发起推送活动。

限制

  • 仅当任务明确符合上述范围时，才使用此技能。
  • 不要将输出视为环境特定验证、测试或专家审查的替代品。
  • 如果缺少必要输入、权限、安全边界或成功标准，请停止并要求澄清。

实现边界

导入的参考资料是经过本地修正的快照，不代表 Apple 背书。请确认当前 SDK 是否可用；不要将历史平台摘要解读为 API 不可用的证明。小组件使用受预算限制的时间线，Live Activities 使用 ActivityKit，并受系统/APNs 投递限制；二者都不能保证实时监控。请显示数据过时/离线状态，并确保关键资料可在应用中查看。请区分 App Shortcuts 的短语限制与底层 App Intent 接受的参数。

表盘共享功能用于配置现有的受支持表盘及其复杂功能；它不会授予任意第三方表盘渲染权限。预览请使用合成数据，并在锁屏、共享电视、表盘和 Siri 回复中隐去敏感信息。在意图处理器和深层链接处理器中重新验证身份验证/授权；启动 URL、通知操作或轻点小组件都不构成购买、账户变更或数据披露的授权。发送通知、发布 App Clips 或部署后端服务，都需要相应的用户任务范围。

评论

支持 Markdown