hig-components-system

Name: hig-components-system
Author: raintree-technology

github.com/raintree-technology设计与 UI148643 次安装6 天前更新

代码仓库

关于 hig-components-system

为 Apple 平台应用设计系统体验的指导技能，帮助开发者决定如何在应用外呈现重要内容与操作。涵盖小组件、实时活动、通知、快捷操作和 App Clips 等系统界面。

主要功能

01按平台选择系统呈现界面
02小组件布局与内容规划
03实时活动生命周期与更新建议
04通知内容、操作与分组指导
05复杂功能与快捷操作设计
06App Clips 的轻量任务规划

适用场景

01为配送或计时事件设计实时活动
02规划小组件尺寸与深层链接
03设计可直接执行操作的通知
04将常用操作提供给 Siri 和 Spotlight

安装

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

$npx skills add https://github.com/raintree-technology/hig-doctor --skill hig-components-system

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

包含的文件

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

references/

app-clips.md

app-shortcuts.md

complications.md

home-screen-quick-actions.md

live-activities.md

notifications.md

top-shelf.md

watch-faces.md

widgets.md

详细介绍

Apple HIG：系统体验

提问前，请先检查 .claude/apple-design-context.md。使用已有上下文，只询问其中尚未涵盖的信息。

核心原则

一目了然，立即创造价值。 系统体验会将应用中最重要的内容呈现在用户无需启动应用即可看到的位置。设计时应考虑用户只有几秒钟的注意力。
尊重平台场景。 锁定屏幕小组件和主屏幕小组件的限制各不相同。复杂功能远小于顶部栏项目。
小组件：展示相关信息，而非所有内容。 展示最有用的信息，并适时更新。
支持多种小组件尺寸，并为每种尺寸设计不同布局。 每种尺寸都应经过精心设计，而不是其他尺寸的缩放版本。
轻点后跳转到相关内容。 将用户带到相关内容，而不是应用的根屏幕。
实时活动：追踪有明确开始和结束时间的事件。 例如配送、比分、计时器和乘车行程。为灵动岛和锁定屏幕都进行设计。
保持更新及时。 过时的数据会损害信任。事件结束后应及时停止显示。
通过通知尊重用户的注意力。 仅为用户真正关心的信息发送通知。不要发送促销或价值不高的通知。
通知：可执行且信息完整。 提供足够的上下文，让用户无需打开应用即可理解并采取行动。支持通知操作，并使用线程和分组。
复杂功能：在表盘上呈现重点数据。 针对最小但仍有用的信息呈现方式进行设计。支持多种表盘类型，并合理安排更新预算。
主屏幕快捷操作：提供 3-4 项最常用任务。 使用简短标题、可选副标题和相关的 SF Symbol 图标。
顶部栏：tvOS 的展示区。 展示能吸引用户的内容，例如新剧集、精选项目和最近内容。
App Clips：在严格的大小限制内提供即时、专注的功能。 无需从 App Store 下载即可快速加载。只提供当前任务所需的功能，然后提供安装完整应用的选项。
App Shortcuts：让 Siri 和 Spotlight 能够呈现关键操作。 为常见任务定义快捷指令，并使用自然、对话式的触发短语。

参考索引

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

输出格式

系统体验建议 -- 哪种界面最适合此用例。
内容策略 -- 展示什么、优先级如何、哪些内容应省略。
更新频率 -- 刷新频率，包括系统预算限制。
尺寸/表盘类型变体 -- 应支持哪些类型，以及布局如何适配。
深度链接行为 -- 轻点后将用户带到哪里。

要询问的问题

哪些信息需要呈现在应用之外？
面向哪个平台？
数据多久更新一次？
用户最主要的一目了然需求是什么？