hig-components-system by raintree-technology/apple-hig-skills
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-system提问前请检查 .claude/apple-design-context.md。使用现有上下文,仅询问未涵盖的信息。
一目了然,即时价值。 系统体验将你应用最重要的内容带到用户无需启动应用即可看到的界面。设计需考虑用户仅数秒的注意力。
尊重平台上下文。 锁屏小组件与主屏幕小组件的限制条件不同。表盘复杂功能比 Apple TV 顶部陈列区的项目小得多。
小组件:显示相关信息,而非全部。 展示最有用的信息子集,并适时更新。
通过不同布局支持多种小组件尺寸。 每种尺寸都应是经过深思熟虑的设计,而非其他尺寸的简单缩放版本。
点击深度链接。 将用户带到相关内容,而非应用的根屏幕。
实时活动:追踪有明确开始和结束的事件。 例如配送、比分、计时器、行程。为灵动岛和锁屏进行设计。
保持更新和及时性。 陈旧的数据会损害信任。事件结束后应立即结束。
通过通知尊重用户注意力。 仅发送用户真正关心的信息通知。避免促销或低价值通知。
通知:可操作且自包含。 包含足够的上下文,让用户无需打开应用即可理解和操作。支持通知操作。使用线程和分组。
表盘复杂功能:在表盘上展示聚焦的数据。 为最小且有用的表现形式进行设计。支持多种表盘类型。明智地规划更新预算。
主屏幕快速操作:3-4 个最常见的任务。 简短的标题、可选的副标题、相关的 SF Symbol 图标。
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
顶部陈列区:tvOS 展示区。 展示吸引人的内容:新剧集、精选项目、近期内容。
App Clip:在严格的大小限制内实现即时、聚焦的功能。 无需通过 App Store 下载即可快速加载。仅包含完成即时任务所需的内容,然后提供完整应用安装选项。
App 快捷指令:向 Siri 和聚焦搜索展示关键操作。 为频繁执行的任务定义快捷指令。使用自然、对话式的触发短语。
| 参考 | 主题 | 关键内容 |
|---|---|---|
| widgets.md | 小组件 | 一目了然的信息、尺寸、深度链接、时间线 |
| live-activities.md | 实时活动 | 实时追踪、灵动岛、锁屏 |
| notifications.md | 通知 | 注意力、操作、分组、内容 |
| complications.md | 表盘复杂功能 | 表盘数据、表盘类型、预算更新 |
| home-screen-quick-actions.md | 快速操作 | 触感触控、常见任务、SF Symbols |
| top-shelf.md | 顶部陈列区 | 精选内容、展示 |
| app-clips.md | App Clip | 即时使用、轻量级、聚焦任务、NFC/QR |
| watch-faces.md | 表盘 | 自定义复杂功能、表盘共享 |
| app-shortcuts.md | App 快捷指令 | Siri、聚焦搜索、语音触发 |
Built byRaintree Technology · More developer tools
每周安装数
76
代码仓库
GitHub Stars
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.
Glanceable, immediate value. System experiences bring your app's most important content to surfaces the user sees without launching your app. Design for seconds of attention.
Respect platform context. A Lock Screen widget has different constraints than a Home Screen widget. A complication is far smaller than a top shelf item.
Widgets: show relevant information, not everything. Display the most useful subset, updated appropriately.
Support multiple widget sizes with distinct layouts. Each size should be a thoughtful design, not a scaled version of another.
Deep-link on tap. Take users to the relevant content, not the app's root screen.
Live Activities: track events with a clear start and end. Deliveries, scores, timers, rides. Design for both Dynamic Island and Lock Screen.
Stay updated and timely. Stale data undermines trust. End promptly when the event concludes.
Respect user attention with notifications. Only send notifications for information users genuinely care about. No promotional or low-value notifications.
Notifications: actionable and self-contained. Include enough context to understand and act without opening the app. Support notification actions. Use threading and grouping.
Complications: focused data on the watch face. Design for the smallest useful representation. Support multiple families. Budget updates wisely.
Home Screen quick actions: 3-4 most common tasks. Short titles, optional subtitles, relevant SF Symbol icons.
Top Shelf: tvOS showcase. Feature content that entices: new episodes, featured items, recent content.
App Clips: instant, focused functionality within a strict size budget. Load quickly without App Store download. Only what's needed for the immediate task, then offer full app install.
App Shortcuts: surface key actions to Siri and Spotlight. Define shortcuts for frequent tasks. Use natural, conversational trigger phrases.
| Reference | Topic | Key content |
|---|---|---|
| widgets.md | Widgets | Glanceable info, sizes, deep linking, timeline |
| live-activities.md | Live Activities | Real-time tracking, Dynamic Island, Lock Screen |
| notifications.md | Notifications | Attention, actions, grouping, content |
| complications.md | Complications | Watch face data, families, budgeted updates |
| home-screen-quick-actions.md | Quick actions | Haptic Touch, common tasks, SF Symbols |
Built byRaintree Technology · More developer tools
Weekly Installs
76
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 周安装
CLI开发专家指南:解决npm包命令行界面安装、跨平台兼容性等核心问题
5 周安装
CLI 模式设计指南:构建智能体工作流与可解析命令行工具的最佳实践
5 周安装
Gemini 3.1 Flash 图像生成教程 - 使用 inference.sh CLI 创建AI图像
5 周安装
Nansen代币流向追踪工具:分析以太坊和Solana代币转账与资金流向
6 周安装
Sentry自动化:通过Rube MCP与Composio实现错误监控与告警规则管理
6 周安装
LangSmith Fetch - LangChain/LangGraph智能体调试工具,快速获取执行轨迹分析错误
6 周安装
| top-shelf.md | Top shelf | Featured content, showcase |
| app-clips.md | App Clips | Instant use, lightweight, focused task, NFC/QR |
| watch-faces.md | Watch faces | Custom complications, face sharing |
| app-shortcuts.md | App Shortcuts | Siri, Spotlight, voice triggers |