SwiftUI Design

Use this skill when a SwiftUI task has a visual product-design component: screen design, polish, brand fit, typography, color, spacing, layout rhythm, empty/loading/error states, or a review of whether the UI feels generic.

For state ownership, observation, and composition architecture, use swiftui-patterns. For NavigationStack, sheets, tabs, and deep links, use swiftui-navigation. For lists, grids, forms, scroll views, and component mechanics, use swiftui-layout-components.

Contents

• Workflow
• Reference Loading
• Core Rules
• Common Mistakes
• Review Checklist
• References

Workflow