skills.rest
mazicimert
mazicimertCOMMUNITY
Explore all skills by this author →
GitHub

animation-patterns

Consolidate SwiftUI animation patterns for springs, phases, and transitions.

Updated Mar 1, 2026
Search Tags:#swiftui#transitions#phase-animator#animation-patterns#symbol-effects#keyframe-animator
One-click install
npx skills add https://github.com/mazicimert/RunDom --skill animation-patterns-mazicimert
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: animation-patterns
Source: https://github.com/mazicimert/RunDom/tree/main/.claude/skills/design/animation-patterns
Command: npx skills add https://github.com/mazicimert/RunDom --skill animation-patterns-mazicimert

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SwiftUI animation patterns address common pitfalls in building, reviewing, and debugging smooth, reliable UI animations, preventing misconfigurations and flaky motion.

Core Features & Use Cases

  • Comprehensive guidance on phases, transitions, and symbol effects to craft resilient animations.
  • Structured references for core APIs like PhaseAnimator, KeyframeAnimator, and matchedTransitionSource to accelerate development.
  • Practical scenarios for view appearances, multi-property timing, and accessibility-conscious motion.

Quick Start

Open the Animation Patterns skill and review the PhaseAnimator and KeyframeAnimator examples to implement a timing-rich SwiftUI animation in your view.

Frequently Asked Questions about animation-patterns

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

FAQPage Schema
How do I build reliable SwiftUI animations using PhaseAnimator and KeyframeAnimator?▼

SwiftUI animation patterns consolidate usage guidance for PhaseAnimator and KeyframeAnimator into structured references, providing examples for multi-property timing and view appearances to ensure reliable motion. They cover correct API usage and common pitfalls.

Why does my SwiftUI transition animation misconfigure or flake during UI motion?▼

SwiftUI transitions often misconfigure due to inconsistent timing and incorrect API usage. This skill addresses common pitfalls by providing structured references for transitions, matchedTransitionSource, and best practices to build smooth, resilient UI motion.

What is the best way to apply symbol effects in iOS and macOS app development?▼

Applying symbol effects requires referencing specific SwiftUI animation patterns. This skill provides a dedicated reference for symbol effects, describing correct usage, accessibility-conscious motion considerations, and practical scenarios for iOS and macOS development.

Can I use these SwiftUI animation patterns without prior knowledge of spring animations?▼

No, utilizing these patterns requires existing knowledge of SwiftUI animation APIs. The reference files serve as a guide for springs, phases, and transitions, assuming you understand the foundational concepts to implement advanced features correctly.

When should I use KeyframeAnimator instead of PhaseAnimator for SwiftUI view appearances?▼

Use KeyframeAnimator for multi-property timing control and PhaseAnimator for state-driven phase changes. This skill outlines practical scenarios for both, accelerating development by clarifying when each animator is appropriate for view appearances.

Does this animation reference cover accessibility-conscious motion for SwiftUI?▼

Yes, the SwiftUI animation patterns include practical scenarios for accessibility-conscious motion. It consolidates best practices to ensure your springs, phases, and transitions remain accessible while maintaining expressive UI motion.

Related Skills

Explore More Design & Creative Skills→
hack-dancehack-dance
8

swiftui-animation

Implement advanced SwiftUI animations, transitions, and Metal shader integration.

Official
Advanced
FelixRauchFelixRauch

swiftui-animation

Implement SwiftUI animations and transitions with correct API selection and Reduce Motion compliance.

Community
Intermediate
DFly7DFly7

swiftui-animation

Implement and review SwiftUI animations and transitions for iOS views.

Community
Advanced
gyalamanch001agyalamanch001a

framer-motion

Implement Disney animation principles in React interfaces with Framer Motion.

Community
Intermediate