mobile-ios-design

概览

什么是 mobile-ios-design？

mobile-ios-design 是一项专注于使用苹果人机界面指南（HIG）和 SwiftUI 设计与构建原生 iOS 应用界面的技能。它帮助开发者和设计师为 iPhone 和 iPad 应用打造视觉精致、易于访问且符合平台规范的用户体验。该技能非常适合希望精通布局、导航、自适应设计及苹果特有 UI 模式的用户。

谁适合使用此技能？

• iOS 应用设计师和开发者
• SwiftUI 实践者
• 构建苹果平台移动应用的团队
• 希望确保应用遵循苹果设计原则的任何人

它解决了哪些问题？

• 确保界面视觉上符合 iOS 标准
• 简化 SwiftUI 布局和导航的实现
• 支持无障碍、自适应布局及平台特定手势
• 提供列表、导航和搜索集成的实用模式

使用方法

安装步骤

1. 使用以下命令安装技能：
   npx skills add https://github.com/wshobson/agents --skill mobile-ios-design
2. 从 SKILL.md 文件开始，获取高级概览和指导。
3. 查看辅助文件：
   • references/hig-patterns.md，了解 HIG 布局、间距和自适应设计
   • references/ios-navigation.md，了解导航栈、标签视图和编程导航
   • references/swiftui-components.md，了解列表、集合和搜索集成

工作流程集成

• 根据项目结构和需求调整模式和代码示例。
• 利用 references 文件夹中的实用布局、导航和 SwiftUI 组件示例。
• 应用 HIG 原则，确保界面设计清晰、尊重用户并具有层次感。

何时适合使用 mobile-ios-design？

• 需要使用 SwiftUI 构建原生 iOS 界面时
• 应用必须符合苹果 HIG 时
• 需要支持多设备尺寸的自适应布局时
• 关注无障碍和平台特定行为时

何时不适合？

• 针对非 iOS 平台的跨平台应用
• 项目仅使用 UIKit 时
• Web 或 Android 界面设计时

常见问题

哪里可以找到实用示例？

请查看 references/ 文件夹，内含布局、导航和 SwiftUI 组件的代码示例。文件如 hig-patterns.md、ios-navigation.md 和 swiftui-components.md 提供了可操作的指导。

如何确保我的应用遵循 iOS 人机界面指南？

请查阅 SKILL.md 和 references/hig-patterns.md 中的 HIG 原则。按照代码示例使用标准边距、自适应布局和安全区域处理。

mobile-ios-design 可以用于 iPad 或 visionOS 吗？

可以，该技能涵盖了 iPadOS 和 visionOS 的自适应布局及平台考虑，包括多任务处理和空间输入。

如何预览所有可用资源？

打开 Files 标签，查看完整文件树，包括嵌套的 references 和 mobile-ios-design 的辅助脚本。