hig-platforms by raintree-technology/apple-hig-skills
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-platforms提问前请检查 .claude/apple-design-context.md。使用现有上下文,仅询问未涵盖的信息。
每个平台都有独特的身份。 不要在平台之间移植设计。尊重每个平台的惯例、交互模型和用户期望。
iOS:触控优先。 手持屏幕上的直接操作。针对单手使用进行优化。导航使用标签栏和推送/弹出堆栈。
iPadOS:扩展的画布。 支持 Split View、Slide Over 和 Stage Manager。使用侧边栏和多列布局。在支持触控的同时,也支持指针和键盘。
macOS:指针和键盘。 密集的信息显示是可接受的。广泛使用菜单栏、工具栏和键盘快捷键。窗口可调整大小,控制精确。
tvOS:遥控器和焦点。 从远处观看。为 Siri Remote 设计,采用基于焦点的导航。大文本、简单布局、线性导航。
visionOS:空间交互。 使用窗口、体积和空间的 3D 环境。眼动追踪用于目标定位,间接手势用于交互。尊重人体工程学舒适区。
watchOS:一览无余且简洁。 信息可一目了然。简洁的交互。使用数码表冠、触觉反馈和复杂功能来提供及时内容。
游戏:自有范式。 可以自由定义游戏内的交互模型,但对于系统交互(通知、辅助功能、控制器)仍需尊重平台惯例。
| 参考 | 主题 | 关键内容 |
|---|
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| designing-for-ios.md | iOS | 触控、标签栏、导航堆栈、手势、屏幕尺寸、安全区域 |
| designing-for-ipados.md | iPadOS | 多任务处理、侧边栏、指针、键盘、Apple Pencil、Stage Manager |
| designing-for-macos.md | macOS | 菜单栏、工具栏、窗口管理、键盘快捷键、密集布局、Dock |
| designing-for-tvos.md | tvOS | 焦点引擎、Siri Remote、休闲体验、内容优先、视差 |
| designing-for-visionos.md | visionOS | 空间计算、窗口/体积/空间、眼动追踪、手势、深度 |
| designing-for-watchos.md | watchOS | 一览式 UI、数码表冠、复杂功能、通知、触觉反馈 |
| designing-for-games.md | 游戏 | 控制器、沉浸式体验、平台特定惯例、辅助功能 |
识别主要使用场景。 移动中(iOS/watchOS)、在办公桌前(macOS)、在沙发上(tvOS)、空间环境(visionOS)?
将输入与交互匹配。 触控用于直接操作,指针用于精确操作,注视+手势用于空间交互,数码表冠用于快速滚动,遥控器用于焦点导航。
适配,而非复制。 macOS 的侧边栏在 iPhone 上变为标签栏。visionOS 的体积在 watchOS 上没有对应物。翻译意图,而非实现。
利用平台优势。 iOS 上的实时活动,macOS 上的桌面小组件,watchOS 上的复杂功能,visionOS 上的沉浸式空间。
在尊重每个平台的视觉语言和交互模式的同时,保持品牌一致性。
由 Raintree Technology 构建 · 更多开发者工具
每周安装次数
83
代码仓库
GitHub 星标数
31
首次出现
2026年2月15日
安全审计
安装于
opencode81
github-copilot79
codex78
cursor78
kimi-cli77
amp77
Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.
Each platform has a distinct identity. Do not port designs between platforms. Respect each platform's conventions, interaction models, and user expectations.
iOS: touch-first. Direct manipulation on a handheld screen. Optimize for one-handed use. Navigation uses tab bars and push/pop stacks.
iPadOS: expanded canvas. Support Split View, Slide Over, and Stage Manager. Use sidebars and multi-column layouts. Support pointer and keyboard alongside touch.
macOS: pointer and keyboard. Dense information display is acceptable. Use menu bars, toolbars, and keyboard shortcuts extensively. Windows are resizable with precise control.
tvOS: remote and focus. Viewed from a distance. Design for the Siri Remote with focus-based navigation. Large text, simple layouts, linear navigation.
visionOS: spatial interaction. 3D environment using windows, volumes, and spaces. Eye tracking for targeting, indirect gestures for interaction. Respect ergonomic comfort zones.
watchOS: glanceable and brief. Information consumable at a glance. Brief interactions. Digital Crown, haptics, and complications for timely content.
Games: own paradigm. Free to define in-game interaction models, but still respect platform conventions for system interactions (notifications, accessibility, controllers).
| Reference | Topic | Key content |
|---|---|---|
| designing-for-ios.md | iOS | Touch, tab bars, navigation stacks, gestures, screen sizes, safe areas |
| designing-for-ipados.md | iPadOS | Multitasking, sidebars, pointer, keyboard, Apple Pencil, Stage Manager |
| designing-for-macos.md | macOS | Menu bars, toolbars, window management, keyboard shortcuts, dense layouts, Dock |
| designing-for-tvos.md | tvOS | Focus engine, Siri Remote, lean-back experience, content-forward, parallax |
| designing-for-visionos.md | visionOS | Spatial computing, windows/volumes/spaces, eye tracking, hand gestures, depth |
Identify the primary use context. On the go (iOS/watchOS), at a desk (macOS), on the couch (tvOS), spatial environment (visionOS)?
Match input to interaction. Touch for direct manipulation, pointer for precision, gaze+gesture for spatial, Digital Crown for quick scrolling, remote for focus navigation.
Adapt, don't replicate. A macOS sidebar becomes a tab bar on iPhone. A visionOS volume has no equivalent on watchOS. Translate intent, not implementation.
Leverage platform strengths. Live Activities on iOS, Desktop Widgets on macOS, complications on watchOS, immersive spaces on visionOS.
Maintain brand consistency while respecting each platform's visual language and interaction patterns.
Built byRaintree Technology · More developer tools
Weekly Installs
83
Repository
GitHub Stars
31
First Seen
Feb 15, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode81
github-copilot79
codex78
cursor78
kimi-cli77
amp77
前端设计技能指南:避免AI垃圾美学,打造独特生产级界面
49,900 周安装
| designing-for-watchos.md | watchOS | Glanceable UI, Digital Crown, complications, notifications, haptics |
| designing-for-games.md | Games | Controllers, immersive experiences, platform-specific conventions, accessibility |