跳转到主要内容

IPadOS 设计指南

技能 已验证 活跃

Apple iPadOS 的人机界面指南。适用于构建针对 iPad 优化的界面、实现多任务处理、指针支持、键盘快捷键或响应式布局。在处理与 iPad、分栏视图、台前调度、侧边栏导航或触控板支持相关的任务时触发。

目的

指导开发人员创建高质量、针对 iPad 优化的用户界面,这些界面符合 Apple 的设计标准并利用了平台的独特功能。

功能

  • 详细的 iPadOS 人机界面指南
  • 响应式布局和自适应设计的规则
  • 关于多任务处理(分栏视图、侧边栏、台前调度)的指导
  • 支持指针、触控板和键盘交互
  • iPad 的全面可访问性最佳实践

使用场景

  • 从头开始设计针对 iPad 优化的应用程序
  • 审查现有的 iPad 应用程序是否符合 HIG
  • 实现 iPad 特有的功能,如分栏视图或键盘快捷键
  • 确保满足 iPad 用户的可访问性标准

非目标

  • 提供具体的 UI 代码实现(重点是指南)
  • 涵盖与 iPadOS 无关的一般 iOS 设计原则
  • 为其他 Apple 平台(macOS、watchOS 等)设计
  • 提供自动强制执行这些指南的工具

工作流

  1. 查阅 SKILL.md 以了解 iPadOS 设计原则。
  2. 查阅关于布局、多任务处理、导航、指针、键盘、Apple Pencil、拖放、外接显示器和可访问性的特定部分。
  3. 在设计和开发过程中应用推荐的指南和反模式。
  4. 使用提供的代码示例作为实现的参考。

实践

  • 设计系统
  • 用户界面设计
  • 可访问性
  • 平台指南

安装

npx skills add ehmo/platform-design-skills

通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。

质量评分

已验证
98 /100
1 day ago 分析

信任信号

最近提交about 2 months ago
GitHub 所有者 ehmo (opens in new tab)
星标362
许可证MIT
状态
查看源代码

类似扩展

MacOS 设计指南

100

Apple Human Interface Guidelines for Mac。用于构建使用 SwiftUI 或 AppKit 的 macOS 应用、实现菜单栏、工具栏、窗口管理或键盘快捷键时使用。在涉及 Mac UI、桌面应用或 Mac Catalyst 的任务上触发。

技能
ehmo

Ios Design Guidelines

99

适用于 iPhone 的 Apple 人机界面指南。在为 iOS 构建、审查或重构 SwiftUI/UIKit 界面时使用。在涉及 iPhone UI、iOS 组件、可访问性、动态类型、深色模式或 HIG 合规性的任务上触发。

技能
ehmo

Ios Hig Design Guide

98

Build, update, and apply iOS design specifications using Apple Human Interface Guidelines (HIG) source data. Use when a task asks for iOS UI/UX rules, Apple design standards, component behavior, accessibility constraints, interaction patterns, or feature-level design-spec writing grounded in official HIG pages.

技能
davepoon

Android Design Guidelines

100

Material Design 3 和 Android 平台指南。在构建使用 Jetpack Compose 或 XML 布局的 Android 应用、实现 Material You、导航或可访问性时使用。在涉及 Android UI、Compose 组件、动态颜色或 Material Design 合规性的任务上触发。

技能
ehmo

Color Audit

100

Color-only audit to extract, evaluate, and recommend improvements for the project's color system

技能
Aboudjem

Design Workflow

100

Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project design system.

技能
spartan-stratos