Ios Design

What it does

This skill, "Ios Design," provides guidance and code snippets for building high-quality iOS user interfaces using SwiftUI. It draws upon principles from Apple design experts Ken Kocienda (Creative Selection) and John Edson (Design Like Apple), offering 62 rules across eight categories to help developers implement Apple-quality patterns when creating new screens. The skill assumes a clinic modular MVVM-C architecture for structuring the application.

When to use it

• When building new SwiftUI views and screens from scratch.
• To guide decisions about visual elements like colors, typography, and spacing.
• For managing UI state using @State, @Binding, etc.
• When selecting appropriate components (e.g., List vs. LazyVStack).

Key capabilities

• Provides rules for implementing Apple-quality iOS interfaces in SwiftUI.
• Offers code snippets and implementation guidance based on design principles.
• Covers topics like state management, component selection, navigation, layout, accessibility, and animation.
• Supports the clinic modular MVVM-C architecture.

Example prompts

• "Generate a SwiftUI List view with dynamic data."
• "How should I handle user input in a SwiftUI form?"
• "What's the best way to implement navigation between screens using SwiftUI?"

Tips & gotchas

• This skill is intended for building new iOS interfaces. Use the "ios-ui-refactor" sibling skill for reviewing and improving existing UI code.
• The guidance assumes a clinic modular MVVM-C architecture; familiarity with this pattern is helpful.
• The skill uses Swift 6.2 and iOS 26, so ensure compatibility with your project's environment.