swiftui-animationlisted

Implement, review, or improve SwiftUI animations and transitions. Use when adding explicit animations with withAnimation, configuring implicit animations with .animation(_:body:) or .animation(_:value:), configuring spring animations (.smooth, .snappy, .bouncy), building phase or keyframe animations with PhaseAnimator/KeyframeAnimator, creating hero transitions with matchedGeometryEffect or matchedTransitionSource, adding SF Symbol effects (bounce, pulse, variableColor, breathe, rotate, wiggle), implementing custom Transition or CustomAnimation types, or ensuring animations respect accessibilityReduceMotion.
dpearson2699/swift-ios-skills · ★ 730 · Web & Frontend · score 80

Install: claude install-skill dpearson2699/swift-ios-skills

# SwiftUI Animation (iOS 26+) Review, write, and fix SwiftUI animations. Apply modern animation APIs with correct timing, transitions, and accessibility handling using Swift 6.3 patterns. ## Contents - [Triage Workflow](#triage-workflow) - [withAnimation (Explicit Animation)](#withanimation-explicit-animation) - [Implicit Animation](#implicit-animation) - [Spring Type (iOS 17+)](#spring-type-ios-17) - [PhaseAnimator (iOS 17+)](#phaseanimator-ios-17) - [KeyframeAnimator (iOS 17+)](#keyframeanimator-ios-17) - [@Animatable Macro](#animatable-macro) - [matchedGeometryEffect (iOS 14+)](#matchedgeometryeffect-ios-14) - [Navigation Zoom Transition (iOS 18+)](#navigation-zoom-transition-ios-18) - [Transitions (iOS 17+)](#transitions-ios-17) - [ContentTransition (iOS 16+)](#contenttransition-ios-16) - [Symbol Effects (iOS 17+)](#symbol-effects-ios-17) - [Symbol Rendering Modes](#symbol-rendering-modes) - [Common Mistakes](#common-mistakes) - [Review Checklist](#review-checklist) - [References](#references) ## Triage Workflow ### Step 1: Identify the animation category | Category | API | When to use | |---|---|---| | State-driven | `withAnimation`, `.animation(_:body:)`, `.animation(_:value:)` | Explicit state changes, selective modifier animation, or simple value-bound changes | | Multi-phase | `PhaseAnimator` | Sequenced multi-step animations | | Keyframe | `KeyframeAnimator` | Complex multi-property choreography | | Shared element | `matchedGeometryEffect` | Layout-driven hero