animation-patterns

Featured

SwiftUI animation patterns including springs, transitions, PhaseAnimator, KeyframeAnimator, SF Symbol effects, scroll-driven effects, mesh gradients, text renderers, and shader effects. Use when implementing, reviewing, or fixing animation or visual-effect code on iOS/macOS.

Web & Frontend 565 stars 47 forks Updated 4 days ago MIT

Install

View on GitHub

Quality Score: 96/100

Stars 20%
92
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Animation Patterns Correct API shapes and patterns for SwiftUI animations. Prevents the most common mistakes: mixed spring parameter generations, wrong PhaseAnimator/KeyframeAnimator closure signatures, and using matchedGeometryEffect where matchedTransitionSource is needed. ## When This Skill Activates Use this skill when the user: - Asks to add, fix, or review **animation** code - Mentions **spring**, **bounce**, or **snappy** animations - Wants **view transitions** (insertion/removal, hero, zoom) - Asks about **PhaseAnimator** or **KeyframeAnimator** - Wants **SF Symbol effects** (bounce, pulse, wiggle, breathe) - Mentions **matchedGeometryEffect** or **matchedTransitionSource** - Asks about **reduce motion** / animation accessibility - Wants to sequence or chain animations - Mentions **withAnimation**, **animation completions**, or **Transaction** - Wants **scroll-driven effects** (parallax, carousels, `scrollTransition`, `visualEffect`) - Mentions **MeshGradient**, **TextRenderer**, or **Metal shader effects** (`colorEffect`, `distortionEffect`, `layerEffect`) ## Decision Tree Choose the right reference file based on what the user needs: ``` What are you animating? │ ├─ A state change (opacity, position, color) │ └─ → core-animations.md │ ├─ withAnimation { } — explicit animation │ ├─ .animation(_:value:) — implicit animation │ └─ Spring configuration — .spring, .bouncy, .snappy, .smooth │ ├─ A multi-step / sequenced animation │ └─ → phase-keyframe-...

Details

Author
rshankras
Repository
rshankras/claude-code-apple-skills
Created
9 months ago
Last Updated
4 days ago
Language
Swift
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category