hig-components-status by raintree-technology/apple-hig-skills
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-status在提问前,请检查 .claude/apple-design-context.md。利用现有上下文,仅询问尚未涵盖的信息。
对于持续一秒或更长时间的操作,显示进度。
当持续时间/百分比已知时,使用确定性指示器。 一个填充的进度条能让用户清楚地了解剩余工作量。适用于下载、上传或任何可测量的过程。
当持续时间未知时,使用不确定性指示器。 一个旋转器(spinner)表示工作正在进行,但不承诺具体时间范围。适用于不可预测的网络请求。
优先使用进度条而非旋转器。 确定性进度感觉更快、更值得信赖。
将指示器放置在内容将出现的位置。 在内容区域附近使用内联进度指示,而非模态或远离的指示。
不要堆叠多个指示器。 将同时进行的操作聚合到一个表示中,或显示最相关的那个。
没有充分理由不要隐藏状态栏。 保留隐藏功能用于沉浸式体验(全屏媒体、游戏、AR)。
使状态栏样式与您的内容相匹配。 使用浅色或深色以确保足够的对比度。
尊重安全区域。 状态栏后面不要放置交互式内容。
退出沉浸式上下文时,立即恢复状态栏。
活动圆环用于 Move、Exercise 和 Stand 目标。 不要将圆环隐喻重新用于不相关的数据。
红色(Move)、绿色(Exercise)、蓝色(Stand)与 Apple Fitness 紧密相关。
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
使用 HealthKit API 获取活动数据,而非手动跟踪。
当圆环闭合时, 使用动画和触觉反馈来庆祝完成。
| 参考 | 主题 | 核心内容 |
|---|---|---|
| progress-indicators.md | 进度条和旋转器 | 确定性、不确定性、内联放置、持续时间 |
| status-bars.md | iOS/iPadOS 状态栏 | 系统信息、可见性、样式、安全区域 |
| activity-rings.md | watchOS 活动圆环 | Move/Exercise/Stand、HealthKit、健身跟踪、颜色 |
由 Raintree Technology 构建 · 更多开发者工具
每周安装量
75
代码仓库
GitHub 星标数
29
首次出现
2026年2月15日
安全审计
安装于
opencode73
github-copilot71
codex70
cursor70
gemini-cli69
amp69
Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.
Show progress for operations longer than a second or two.
Determinate when duration/percentage is known. A filling progress bar gives users a clear sense of remaining work. Use for downloads, uploads, or any measurable process.
Indeterminate when duration is unknown. A spinner communicates work is happening without promising a timeframe. Use for unpredictable network requests.
Prefer progress bars over spinners. Determinate progress feels faster and more trustworthy.
Place indicators where content will appear. Inline progress near the content area, not modal or distant.
Don't stack multiple indicators. Aggregate simultaneous operations into one representation or show the most relevant.
Don't hide the status bar without good reason. Reserve hiding for immersive experiences (full-screen media, games, AR).
Match status bar style to your content. Light or dark for adequate contrast.
Respect safe areas. No interactive content behind the status bar.
Restore the status bar promptly when exiting immersive contexts.
Activity rings are for Move, Exercise, and Stand goals. Don't repurpose the ring metaphor for unrelated data.
Respect ring color conventions. Red (Move), green (Exercise), blue (Stand) are strongly associated with Apple Fitness.
Use HealthKit APIs for activity data rather than manual tracking.
Celebrate completions with animation and haptics when rings close.
| Reference | Topic | Key content |
|---|---|---|
| progress-indicators.md | Progress bars and spinners | Determinate, indeterminate, inline placement, duration |
| status-bars.md | iOS/iPadOS status bar | System info, visibility, style, safe areas |
| activity-rings.md | watchOS activity rings | Move/Exercise/Stand, HealthKit, fitness tracking, color |
Built byRaintree Technology · More developer tools
Weekly Installs
75
Repository
GitHub Stars
29
First Seen
Feb 15, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode73
github-copilot71
codex70
cursor70
gemini-cli69
amp69
前端设计技能指南:避免AI垃圾美学,打造独特生产级界面
49,900 周安装