平台设计技能

依据 Apple HIG、Material Design 与 WCAG 指引设计和评估界面。

八个平台技能覆盖 iPhone、iPad、Mac、Watch、Vision、TV、Android 与网页界面，将简明设计规则、实现示例和平台交互惯例结合起来。

适用场景

• 按平台惯例审查 SwiftUI 界面
• 让设计适应不同设备
• 改善界面无障碍

使用方法

通过 skills CLI 安装技能包，并提供目标平台及界面代码或设计；与平台相关的任务会调用对应指引。

Skills

• android-design-guidelines

  Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.

  ehmo/platform-design-skills

• ios-design-guidelines

  Apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces for iOS. Triggers on tasks involving iPhone UI, iOS components, accessibility, Dynamic Type, Dark Mode, or HIG compliance.

  ehmo/platform-design-skills

• ipados-design-guidelines

  Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, pointer support, keyboard shortcuts, or responsive layouts. Triggers on tasks involving iPad, Split View, Stage Manager, sidebar navigation, or trackpad support.

  ehmo/platform-design-skills

• macos-design-guidelines

  Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars, toolbars, window management, or keyboard shortcuts. Triggers on tasks involving Mac UI, desktop apps, or Mac Catalyst.

  ehmo/platform-design-skills

• tvos-design-guidelines

  Apple Human Interface Guidelines for Apple TV. Use when building tvOS apps with focus-based navigation, Siri Remote input, or living room viewing experiences. Triggers on tasks involving Apple TV, tvOS, 10-foot UI, or media playback.

  ehmo/platform-design-skills

• visionos-design-guidelines

  Apple Human Interface Guidelines for Apple Vision Pro. Use when building spatial computing apps, implementing eye/hand input, or designing immersive experiences. Triggers on tasks involving visionOS, RealityKit, spatial UI, or mixed reality.

  ehmo/platform-design-skills

• watchos-design-guidelines

  Apple Human Interface Guidelines for Apple Watch. Use when building watchOS apps, complications, or workout features. Triggers on tasks involving Watch UI, Digital Crown, glanceable interfaces, or wrist-based interactions.

  ehmo/platform-design-skills

• web-design-guidelines

  Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.

  ehmo/platform-design-skills