ios-design_skill

Overview

This skill creates distinctive, production-grade iOS interfaces using SwiftUI. It guides the design direction, accessibility, and implementation so screens and components feel native, polished, and unique while respecting Apple's Human Interface Guidelines. Use it to produce working, refined SwiftUI views that are ready for integration and iteration.

How this skill works

Provide a screen, component, or view requirement with context (purpose, audience, constraints). The skill chooses a clear aesthetic direction, defines layout and hierarchy, applies semantic colors and typography, and generates SwiftUI code with animations, accessibility, and previews. Output emphasizes reusable components, asset-aware theming, dark mode, and practical polish like haptics and micro-interactions.

When to use it

• Build a new screen or onboarding flow that must feel native and refined
• Create reusable UI components (cards, lists, controls) consistent with app identity
• Convert wireframes or mockups into production-ready SwiftUI code
• Implement accessible, dark-mode-ready views that adapt to Dynamic Type
• Prototype polished animations and transitions for review or handoff

Best practices

• Start by defining purpose, tone, and signature detail before coding
• Use Dynamic Type and SF Pro typography with weight contrast for hierarchy
• Favor semantic colors and asset catalog variants for light/dark consistency
• Keep views focused; extract components and use @Environment for tokens
• Test previews with accessibility sizes, light/dark modes, and locale variants

Example use cases

• A financial dashboard with dense data made readable through cards and subtle motion
• An onboarding flow with hero transitions and progressive disclosure using matchedGeometryEffect
• A custom media player control with tactile feedback, gradients, and slick animations
• A settings screen with grouped, accessible toggles and inline validation
• A profile screen featuring edge-bleed imagery, layered materials, and adaptive layout