animation-patterns
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.
npx skills add rshankras/claude-code-apple-skills --skill animation-patterns --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 st
- When This Skill Activates
- Decision Tree
- API Availability
- Top 5 Mistakes — Quick Reference
- Review Checklist
- Reference Files
What does the animation-patterns skill do?
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.
How do I install it?
Run `npx skills add rshankras/claude-code-apple-skills --skill animation-patterns --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From rshankras/claude-code-apple-skills, a repository with 589 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.