animation-patterns

Guide SwiftUI animation pattern selection and coding best practices across Apple platforms.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/jtvaris/sunday-night-dynasty --skill animation-patterns-jtvaris
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: animation-patterns
Source: https://github.com/jtvaris/sunday-night-dynasty/tree/main/.agents/skills/design/animation-patterns
Command: npx skills add https://github.com/jtvaris/sunday-night-dynasty --skill animation-patterns-jtvaris

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SwiftUI animation pattern selection and coding best practices to avoid common pitfalls and ensure consistent, maintainable motion across views.

Core Features & Use Cases

  • Guidance on PhaseAnimator, KeyframeAnimator, and matched geometry effects for reliable, predictable animations.
  • Clear strategies for when to use withAnimation vs .animation, and how to configure springs and timing curves for iOS 13-17+.
  • Reference patterns for transitions, symbol effects, and content transitions to craft polished UI motions.

Quick Start

Explain how to apply an animation pattern using PhaseAnimator for a pulsing icon in SwiftUI.

Frequently Asked Questions about animation-patterns

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

FAQPage Schema
How do I choose between withAnimation and .animation in SwiftUI?

SwiftUI animation pattern selection depends on using withAnimation for explicit state-driven transitions and .animation for binding value changes. This Skill provides clear strategies on when to use each modifier to ensure consistent and maintainable motion across your views.

What is the best way to create a pulsing icon animation in SwiftUI?

Creating a pulsing icon in SwiftUI is best achieved using PhaseAnimator, which cycles through distinct animation phases. This Skill provides structured reference patterns and quick start guidance for implementing PhaseAnimator to produce reliable and predictable UI motions.

How do KeyframeAnimator and PhaseAnimator differ for SwiftUI transitions?

KeyframeAnimator and PhaseAnimator serve distinct SwiftUI animation patterns: KeyframeAnimator interpolates values across timed keyframes, while PhaseAnimator drives discrete state phases. This Skill outlines correct API usage and reference materials to help you select the appropriate animator.

Does this SwiftUI animation guidance cover SF Symbol effects?

Yes, this SwiftUI animation guidance covers SF Symbol effects, providing reference patterns for crafting polished UI motions. It includes structured materials on symbol effects and content transitions to ensure correct API usage across Apple platforms.

Can I use these SwiftUI animation patterns across older iOS versions?

These SwiftUI animation patterns support version-aware implementations, specifically covering springs and timing curves for iOS 13 through 17+. The Skill provides strategies to configure animations correctly and avoid common pitfalls across different Apple platform versions.

Why are my SwiftUI matched geometry effects behaving unpredictably?

SwiftUI matched geometry effects often behave unpredictably due to incorrect pattern selection or configuration. This Skill solves SwiftUI animation pattern selection and coding best practices, offering guidance to implement reliable and predictable matched geometry effects.