Skills
.Work. You
Rest

guide-swiftui-animations

Community

Make SwiftUI motion smooth and predictable

Software Engineering#transactions#animations#swiftui#transitions#animatable#tca#keyframe animation
AuthorRoy-wonji
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It solves the confusion and inconsistencies developers face when implementing SwiftUI animations, transitions, and motion patterns, especially when mixes of implicit/explicit animations lead to unexpected results.

Core Features & Use Cases

  • Implicit vs Explicit Animation Control: Use .animation(_:value:) and withAnimation correctly, and place modifiers in the right scope to ensure only intended parts animate.
  • Transitions & View Insertion/Removal: Apply proper .transition(...) behavior for conditional view appearance/disappearance, including asymmetric transitions.
  • Advanced Animation Building Blocks: Use Transaction (including phase/keyframe animations), completion handlers, phaseAnimator, keyframeAnimator, and the @Animatable macro to avoid verbose Animatable boilerplate.

Quick Start

Ask the AI to explain and show how to implement a multi-step “shake then settle” animation using phaseAnimator, with a matching transition for when the view enters and leaves.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: guide-swiftui-animations
Download link: https://github.com/Roy-wonji/claude-config/archive/main.zip#guide-swiftui-animations

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.