skills.rest
onymchat
onymchatOFFICIAL
Explore all skills by this author →
GitHub

swiftui-animation

Design, review, and implement SwiftUI animations with modern Swift 6.3 patterns.

Updated Apr 30, 2026
Search Tags:#animations#swiftui#transitions#keyframe#phase-animator#symbol-effects#custom-animation
One-click install
npx skills add https://github.com/onymchat/onym-ios --skill swiftui-animation-onymchat
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-animation
Source: https://github.com/onymchat/onym-ios/tree/main/.claude/skills/swiftui-animation
Command: npx skills add https://github.com/onymchat/onym-ios --skill swiftui-animation-onymchat

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

SwiftUI developers often struggle to design consistent, accessible, and maintainable animations across a codebase. This Skill consolidates modern animation patterns into a single guide and practical reference.

Core Features & Use Cases

  • Explicit animation with withAnimation: drive state changes with deterministic timing.
  • Implicit animations via .animation(:body:) and .animation(:value:) for scoped modifier animations.
  • PhaseAnimator/KeyframeAnimator for multi-phase and keyframe choreography, plus hero transitions with matchedGeometryEffect.
  • Symbol effects, transitions, and CustomAnimation types to build polished, accessible motion and reusable patterns.
  • Reference materials: in-depth explanations in references/ to deepen understanding and practical patterns.

Quick Start

Use a simple SwiftUI view to toggle a state and apply withAnimation to animate the change.

Frequently Asked Questions about swiftui-animation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use matchedGeometryEffect for hero transitions in SwiftUI?▼

Use matchedGeometryEffect in SwiftUI to synchronize geometry across views, enabling smooth hero transitions. Pair it with explicit withAnimation or PhaseAnimator to drive multi-phase choreography and build polished motion.

What is the difference between explicit withAnimation and implicit .animation in SwiftUI?▼

Explicit withAnimation drives state changes with deterministic timing, while implicit .animation scopes animations to specific modifier value changes. Use explicit for broad state transitions and implicit for localized view modifier updates.

How do I build custom SwiftUI animations that respect accessibility ReduceMotion?▼

Build custom SwiftUI animations by implementing CustomAnimation types and checking accessibilityReduceMotion requirements. This ensures predictable, safe motion that gracefully degrades for users who prefer reduced visual movement.

When should I use KeyframeAnimator vs PhaseAnimator for SwiftUI animations?▼

Use KeyframeAnimator for complex keyframe choreography requiring precise interpolation control, and PhaseAnimator for simpler multi-phase sequential animations. Both integrate with modern Swift 6.3 patterns for maintainable motion design.

Does this SwiftUI animation approach support symbol effects and transitions?▼

Yes, this approach supports symbol effects and transitions to build polished motion. It consolidates modern animation patterns into reusable components, ensuring accessible and maintainable motion across your SwiftUI codebase.

Related Skills

Explore More Software Engineering Skills→
Roy-wonjiRoy-wonji

swiftui-animation

Implement and review SwiftUI animations with correct API selection and Reduce Motion support.

Community
Advanced
Sumeet138Sumeet138
1

mobile-ios-design

Implement iOS design guidelines and SwiftUI patterns for native, accessible apps.

Community
Intermediate
PallepadehatPallepadehat
1

swiftui-liquid-glass

Implement or review SwiftUI views with iOS 26 Liquid Glass APIs and fallbacks.

Community
Advanced
CharlesWiltgenCharlesWiltgen
1.1k

swiftui-nav-ref

Reference SwiftUI navigation APIs across iOS 16-26 versions.

Community
Advanced