关于 apple-design-os
面向 Apple 平台应用设计者的界面设计技能，指导 iOS、iPadOS、macOS、visionOS 和 watchOS 的原生界面与常见组件选择。重点说明各平台的输入方式、控件层级和布局惯例。
主要功能
- 01覆盖五类 Apple 平台界面
- 02按平台输入方式调整控件
- 03应用导航栏、工作表与模态框模式
- 04选择按钮层级和列表样式
- 05规划空状态
适用场景
- 01设计 iPhone 底部主控件
- 02为不同任务选择工作表或模态框
- 03适配 macOS 指针与菜单栏交互
- 04为 visionOS 和 watchOS 调整目标尺寸
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/apple-design-os确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
references/app-component-anatomy.mdios-ipados.mdmacos.mdvisionos-watchos.md详细介绍
Apple Design——操作系统界面与组件
为 Apple 各个平台设计原生感十足的应用 UI，并使用标准组件库。
适用场景
- 布局 iOS/iPadOS/macOS/visionOS/watchOS 屏幕或其界面装饰。
- 选择或统一组件（导航栏、列表样式、按钮层级、表单、警告、空状态）。
核心规则
- 将主要控件放在易于触及的位置——在 iPhone 上放在底部（标签栏 49pt + 安全区域），并优先采用平台原生的栏/表单模式，而非自行设计界面装饰。
- 表单使用停靠点（中、大、自定义），并带有拖动指示条；模态界面用于专注完成任务，而非导航。
- 匹配平台的输入模式：iOS 使用触控（目标尺寸 44pt），macOS 使用精准指针操作 + 全局菜单栏，visionOS 使用注视（目标尺寸 60pt）+ 眼动/捏合，watchOS 使用 Digital Crown + 一目了然的信息呈现。
- 遵循文档规定的按钮层级（
borderedProminent→bordered→borderless）并使用合适的列表样式（plain / grouped / insetGrouped）；始终设计空状态（ContentUnavailableView）。 - iOS 26 / macOS Tahoe 通过 Liquid Glass（悬浮、半透明）重新设计控件——请参阅 apple-design-materials。
参考资料
| 文件 | 用途 |
|---|---|
references/ios-ipados.md | 主屏幕/锁定屏幕/控制界面、导航栏/标签栏/表单尺寸、iOS 26 玻璃效果、iPad 窗口管理 |
references/macos.md | 窗口、交通灯按钮、工具栏、边栏、菜单栏、鲜明效果、Tahoe 玻璃效果 |
references/visionos-watchos.md | 空间窗口/装饰/沉浸效果 + watchOS 复杂功能/Crown/一目了然的信息呈现 |
references/app-component-anatomy.md | 完整的 UIKit/SwiftUI 组件目录 + 模仿 iOS 列表/开关/分段控件的 CSS |
常见错误
- 控件只放在顶部，超出拇指可触及范围；使用错误尺寸伪造原生界面装饰。
- 在指针操作系统上使用触控尺寸的目标（反之亦然）；过度使用模态界面；缺少空状态。
- visionOS 上的注视目标过小/触发晕动症；watchOS 表盘信息过于密集。
**相关内容：**这些界面的玻璃效果 → apple-design-materials · 动效/手势 → apple-design-motion · 间距/字体 → apple-design-foundations。
评论
支持 Markdown