swiftui-animation
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),
Security Assessment
About swiftui-animation
The swiftui-animation skill is designed to facilitate the creation, review, and refinement of animations in SwiftUI for iOS development. It addresses common challenges developers face when implementing smooth, natural, and accessible animations in their apps, including proper timing, transitions, and adherence to accessibility settings such as Reduce Motion. By leveraging modern SwiftUI APIs and Swift 6.3 patterns, this skill helps ensure that animations behave correctly and enhance the user experience without introducing performance issues.
This skill provides capabilities for both explicit and implicit animations. Explicit animations can be applied using withAnimation or by setting up completion handlers, while implicit animations are configured through modifier-based approaches like .animation(_:body:) and .animation(_:value:). It also supports more advanced animation types, such as spring presets (smooth, snappy, bouncy), multi-phase sequencing with PhaseAnimator, keyframe choreography with KeyframeAnimator, and shared element transitions using matchedGeometryEffect or matchedTransitionSource. Additionally, it enables SF Symbol effects (bounce, pulse, rotate, breathe, wiggle) and the creation of custom Transition or CustomAnimation types, ensuring animations can be both visually appealing and accessible.
Targeted primarily at iOS developers working with SwiftUI, this skill is suitable for those who need to add dynamic visual feedback, hero transitions, and complex multi-property animations in their applications. Use cases include animating state changes, creating interactive UI elements, choreographing complex sequences, and improving app accessibility and user engagement. It is particularly valuable for teams conducting code reviews of animations, developers optimizing UI transitions, or designers seeking to implement SwiftUI animations that align with modern iOS guidelines.
FAQ
Which SwiftUI APIs does this skill support for explicit animations?
It supports withAnimation with optional completion handlers, as well as implicit animation modifiers like .animation(_:body:) and .animation(_:value:) for selective property animation.
Which iOS versions are required for advanced features like PhaseAnimator and KeyframeAnimator?
PhaseAnimator and KeyframeAnimator require iOS 17 or later, while matchedGeometryEffect is available from iOS 14+ and Navigation Zoom Transitions from iOS 18+.
Can this skill handle animations with accessibility considerations?
Yes, it includes guidance for ensuring animations respect the Accessibility Reduce Motion setting and avoids running expensive operations inside animation closures.
What types of SF Symbol effects can be applied?
Supported effects include bounce, pulse, variableColor, breathe, rotate, and wiggle.
Are custom animations supported?
Yes, developers can implement custom transitions and CustomAnimation types to create novel timing curves or unique animation behaviors.
Install swiftui-animation
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
dpearson2699/swift-ios-skills