SwiftUI UI Patterns

What it does

This skill enables AI agents to generate, refactor, and implement specific user interface patterns using Apple’s SwiftUI framework. It assists developers in creating responsive layouts, managing state within views, and applying modern design conventions directly within iOS codebases.

When to use it

• You need to convert a UIKit storyboard or Auto Layout implementation into a dynamic SwiftUI view.
• You want to implement complex UI behaviors like custom animations, list grouping, or navigation stacks without writing boilerplate code.
• You require assistance debugging layout issues or optimizing performance in existing SwiftUI applications.
• You are building new iOS features and need standardized patterns for data binding and view composition.

Key capabilities

• Generates idiomatic SwiftUI views and modifiers based on design requirements.
• Implements state management strategies compatible with the SwiftUI lifecycle.
• Refactors legacy UI code into modern, declarative syntax.
• Applies best practices for accessibility and responsive design within iOS apps.

Example prompts

• "Create a reusable SettingsView in SwiftUI that uses a grouped list layout with toggle switches for dark mode and notifications."
• "Refactor this UIKit table view controller to use a List view in SwiftUI, ensuring the data source updates dynamically when the user edits text."
• "Implement a custom TabView pattern that includes a bottom navigation bar with specific icon configurations and dynamic content switching."

Tips & gotchas

Ensure your project targets iOS 13 or later to fully leverage these patterns. While the skill generates standard code, complex custom animations may require additional manual tuning of the animation timeline properties.