IOS Human Interface Guidelines Design Skill
技能 已验证 活跃Design native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iPad layout", "SwiftUI", "UIKit", "Dynamic Island", "safe areas", "HIG compliance", "SF Symbols", "haptic feedback", or "iOS accessibility". Also trigger when building tab bars, navigation stacks, sheets, or modals for iOS, implementing dark mode, or adapting layouts for different screen sizes. Covers navigation patterns, accessibility, SF Symbols, and platform conventions. For general UI polish, see refactoring-ui. For affordance design, see design-everyday-things.
Design intuitive, platform-aligned native iOS interfaces that feel trustworthy and accessible to all users.
功能
- Design native iOS interfaces following Apple HIG
- Covers layout, safe areas, typography, and color
- Details navigation patterns, controls, and gestures
- Ensures accessibility (VoiceOver, Dynamic Type)
- Provides guidance on icons, widgets, and system integration
使用场景
- Designing iPhone or iPad app interfaces
- Validating designs against iOS conventions
- Implementing proper navigation and UI components
- Ensuring accessibility and platform alignment
非目标
- Providing specific code implementations
- Designing for Android or other platforms
- Offering marketing or business strategy advice
工作流
- Understand core design principles (clarity, deference, depth)
- Review specific iOS design areas (layout, typography, color, navigation, controls, accessibility, icons, gestures)
- Apply guidelines to design native interfaces
- Use provided diagnostic questions and best practices for auditing
- Consult reference files for deeper dives into specific topics
实践
- UI Design
- Accessibility
- Platform Conventions
安装
请先添加 Marketplace
/plugin marketplace add wondelai/skills/plugin install skills@wondelai-skills质量评分
已验证类似扩展
Ios Design Guidelines
99适用于 iPhone 的 Apple 人机界面指南。在为 iOS 构建、审查或重构 SwiftUI/UIKit 界面时使用。在涉及 iPhone UI、iOS 组件、可访问性、动态类型、深色模式或 HIG 合规性的任务上触发。
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Sentry Cocoa Sdk
98Full Sentry SDK setup for Apple platforms (iOS, macOS, tvOS, watchOS, visionOS). Use when asked to "add Sentry to iOS", "add Sentry to Swift", "install sentry-cocoa", or configure error monitoring, tracing, profiling, session replay, or logging for Apple applications. Supports SwiftUI and UIKit.
Baseline Ui
100在 Tailwind CSS 项目中验证动画持续时间,强制执行排版比例,检查组件可访问性,并防止布局反模式。适用于构建 UI 组件、审查 CSS 工具类、 styling React 视图或强制执行设计一致性。
Android Design Guidelines
100Material Design 3 和 Android 平台指南。在构建使用 Jetpack Compose 或 XML 布局的 Android 应用、实现 Material You、导航或可访问性时使用。在涉及 Android UI、Compose 组件、动态颜色或 Material Design 合规性的任务上触发。
Macos Design
100Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design", "Apple design patterns", "sidebar layout", "traffic lights", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, composition, interaction patterns, animations, light/dark mode, and all the subtle details that make an app feel like Apple built it.