mcpField
H
hig-platforms

hig-platforms

github.com/raintree-technology设计与 UI148684 次安装6 天前更新
代码仓库

关于 hig-platforms

为 Apple 平台应用设计提供 HIG 参考的技能,面向需要适配 iOS、iPadOS、macOS 等平台的设计与开发工作。它强调依据各平台的交互方式调整设计,而非直接移植界面。

主要功能

  1. 01区分 Apple 平台的设计规范
  2. 02提供各平台设计参考索引
  3. 03按使用场景选择交互方式
  4. 04输出平台差异表与实现建议

适用场景

  1. 01为多平台应用规划导航与布局
  2. 02将现有应用界面适配到另一平台
  3. 03按设备输入方式调整交互设计

安装

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

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

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

包含的文件

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

references/
designing-for-games.md
designing-for-ios.md
designing-for-ipados.md
designing-for-macos.md
designing-for-tvos.md
designing-for-visionos.md
designing-for-watchos.md

详细介绍

Apple HIG:平台设计

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

核心原则

  1. 每个平台都有独特的身份。 不要在各平台之间移植设计。尊重每个平台的惯例、交互模型和用户预期。

  2. iOS:触控优先。 在手持屏幕上直接操作。针对单手使用进行优化。导航使用标签栏和 push/pop 栈。

  3. iPadOS:扩展画布。 支持 Split View、Slide Over 和 Stage Manager。使用侧边栏和多栏布局。在触控之外支持指针和键盘。

  4. macOS:指针和键盘。 可以接受高密度信息展示。广泛使用菜单栏、工具栏和键盘快捷键。窗口可调整大小并具备精确控制。

  5. tvOS:遥控器和焦点。 从远处观看。针对 Siri Remote 进行设计,采用基于焦点的导航。大号文本、简洁布局、线性导航。

  6. visionOS:空间交互。 使用窗口、体积和空间构成的 3D 环境。通过眼动追踪进行定位,通过间接手势进行交互。尊重人体工学舒适区。

  7. watchOS:一瞥即得且简短。 信息可一瞥即消费。交互简短。使用 Digital Crown、触觉反馈和复杂功能呈现及时内容。

  8. 游戏:自有范式。 可以自由定义游戏内交互模型,但仍需在系统交互(通知、辅助功能、控制器)方面尊重平台惯例。

参考索引

参考主题关键内容
designing-for-ios.mdiOS触控、标签栏、导航栈、手势、屏幕尺寸、安全区域
designing-for-ipados.mdiPadOS多任务、侧边栏、指针、键盘、Apple Pencil、Stage Manager
designing-for-macos.mdmacOS菜单栏、工具栏、窗口管理、键盘快捷键、密集布局、Dock
designing-for-tvos.mdtvOS焦点引擎、Siri Remote、后仰式体验、内容优先、视差
designing-for-visionos.mdvisionOS空间计算、窗口/体积/空间、眼动追踪、手势、深度
designing-for-watchos.mdwatchOS一瞥即得 UI、Digital Crown、复杂功能、通知、触觉反馈
designing-for-games.md游戏控制器、沉浸式体验、平台特定惯例、辅助功能

决策框架

  1. 确定主要使用场景。 外出途中(iOS/watchOS)、在桌前(macOS)、在沙发上(tvOS)、空间环境(visionOS)?

  2. 将输入方式与交互相匹配。 触控用于直接操作,指针用于精确操作,注视+手势用于空间交互,Digital Crown 用于快速滚动,遥控器用于焦点导航。

  3. 适配,而非复制。 macOS 的侧边栏在 iPhone 上会变成标签栏。visionOS 的体积在 watchOS 上没有对应物。转换的是意图,而不是实现。

  4. 利用平台优势。 iOS 上的实时活动、macOS 上的桌面小组件、watchOS 上的复杂功能、visionOS 上的沉浸式空间。

  5. 保持品牌一致性,同时尊重每个平台的视觉语言和交互模式。

输出格式

  1. 平台特定建议,并引用相关 HIG 章节。
  2. 平台差异表,比较导航、输入、布局和惯例。
  3. 各平台的实现说明,包括推荐 API 和适配策略。

需要询问的问题

  1. 你面向哪些平台?
  2. 是新应用还是适配现有应用?如果是现有应用,以哪个平台为基础?
  3. SwiftUI 还是 UIKit/AppKit?
  4. 是否需要支持较旧的 OS 版本?
  5. 主要使用场景?(外出途中、桌前、沙发上、空间环境、一瞥即得?)

相关技能

  • hig-foundations -- 适用于各个平台的共享原则(颜色、排版、无障碍性、布局)
  • hig-patterns -- 在不同平台上呈现方式各异的交互模式
  • hig-components-layout -- 随平台变化的导航结构(标签栏、侧边栏、分栏视图)
  • hig-components-content -- 适配不同平台的内容展示

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

评论

支持 Markdown