Ios Ui Refactor

What it does

This skill, "Ios Ui Refactor," helps AI agents evaluate and refactor SwiftUI interfaces to meet Apple's design quality standards. It applies principles from Dieter Rams’ “Ten Principles for Good Design,” Ken Segall’s “Insanely Simple,” and John Edson’s “Design Like Apple.” The skill focuses on identifying visual anti-patterns in existing UI screens, providing guidance on how to improve them based on a structured review process.

When to use it

• Auditing existing iOS SwiftUI screens for design flaws.
• Refactoring existing UI components to align with Apple Human Interface Guidelines (HIG).
• Improving the visual clarity and simplicity of an iOS application's user interface.
• Working on projects that follow a modular MVVM-C architecture.

Key capabilities

• Evaluates SwiftUI interfaces against principles from Dieter Rams, Ken Segall, and John Edson.
• Provides guidance across 8 categories: removal, clarification, honesty, invisibility, systematicity, thoroughness, endurance, and refinement.
• Offers "incorrect -> correct" transformations for identified visual anti-patterns.
• Assumes a clinic modular MVVM-C architecture with specific module responsibilities (Domain, Data, App target).

Example prompts

• “Review this SwiftUI screen [paste code] and identify areas for improvement based on Apple HIG.”
• “Refactor this UI component [paste code] to be more consistent with Dieter Rams’ principles of good design."
• "What visual anti-patterns are present in this iOS app screen [describe the screen or provide a link]?"

Tips & gotchas

• This skill is best used for refactoring existing UI, not building new interfaces. Consider using ios-design for greenfield projects.
• The skill assumes familiarity with the clinic modular MVVM-C architecture.
• For code-level refactorings beyond visual aspects, combine this skill with swift-refactor.