ios-animation-graphics-skilllisted

Design, implement, debug, and review accessible Apple-platform animation and graphics with SwiftUI animation, Canvas, TimelineView, matched geometry, phase/keyframe animators, Core Animation, and Lottie. Use for motion design, custom drawing, transitions, particles, animated symbols, UIKit/AppKit bridging, Reduce Motion, and animation performance. Prefer native SwiftUI for app UI; use Core Animation or Lottie only when their capabilities are needed. Do not use this skill for SpriteKit/Metal game engines, video rendering, or image editing unless animation integration is the specific task.
fal3/claude-skills-collection · ★ 18 · Web & Frontend · score 79

Install: claude install-skill fal3/claude-skills-collection

# Apple UI Animation and Graphics Choose the simplest rendering system that expresses the motion, then make accessibility and lifecycle behavior part of the design rather than a later patch. ## Compatibility baseline - `Canvas` and `TimelineView` require iOS 15, macOS 12, tvOS 15, or watchOS 8. - `matchedGeometryEffect` requires iOS 14 / macOS 11. - `PhaseAnimator`, `KeyframeAnimator`, and the first symbol-effect APIs require iOS 17 / macOS 14. - Zoom navigation transitions and SwiftUI animation bridging into UIKit/AppKit require iOS 18 / macOS 15 where documented. - Lottie’s native SwiftUI `LottieView` was introduced in Lottie 4.3. Pin a tested package version and obey that release’s Xcode, Swift, and deployment requirements; Lottie 4.6 requires Xcode 16 / Swift 6. - Gate newer APIs with `#available` and provide a meaningful lower-target result. Treat 27-cycle APIs as unavailable unless the project actually builds with that SDK. State the exact minimum that the proposed implementation needs; do not assign one minimum to every animation technique. ## Select the rendering path | Need | Preferred tool | | --- | --- | | Animate SwiftUI state, layout, or transitions | `withAnimation`, value-scoped `.animation`, `transition` | | Several discrete or timed phases | `PhaseAnimator` / `KeyframeAnimator` on iOS 17+ | | Draw many lightweight vector elements | `Canvas` | | Redraw continuously from elapsed time | `TimelineView(.animation)` around `Canvas` | | Synchronize two SwiftUI