Skip to main content
skill CX Codex

swiftui-animation · dpearson2699 — Claude Code skill: what it does, how to install

Guides your agent through SwiftUI motion APIs. It helps choose spring curves, keyframes, transitions, and accessibility settings.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a claude-code
Open on GitHub

What swiftui-animation does

The skill provides a triage workflow to select the right SwiftUI motion tools. It distinguishes state mutations using withAnimation from multi-phase sequences in PhaseAnimator and property tracks in KeyframeAnimator. It also covers iOS 18 navigation zoom transitions and SF Symbol animations.

Code guidance focuses on Swift 6.3 patterns and spring presets such as smooth, snappy, or bouncy. Because keyframe animation closures are @Sendable under Swift 6 concurrency, local state or environment properties must be captured before attaching the modifier.

Failing to test with Reduce Motion creates immediate accessibility bugs. The instructions require verifying reduced motion settings and keep heavy calculations out of animation view builders.

What it helps with

  • select appropriate spring curve presets for SwiftUI components
  • choreograph multi-property animations with KeyframeAnimator
  • cycle between discrete component states using PhaseAnimator
  • ensure custom transitions respect system Reduce Motion preferences

Example prompts for the agent

  • Refactor this state change to use a snappy spring animation
  • Create a multi-property bouncing icon with KeyframeAnimator
  • Check this SwiftUI transition code for Swift 6 Sendable compliance

How to install swiftui-animation

1Skills CLI (Vercel)

npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a claude-code

2Manually: put the files in place

~/.claude/skills/swiftui-animation/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/swiftui-animation/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about swiftui-animation

How to install swiftui-animation in Claude Code?

Run npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a claude-code. You can also manually place the skill file into ~/.claude/skills/swiftui-animation/SKILL.md.

What does the swiftui-animation skill do?

It gives your coding agent reference patterns and rules for building SwiftUI animations, covering springs, keyframes, phase animators, and accessibility.

How does swiftui-animation handle Swift 6 concurrency?

It enforces @Sendable requirements on keyframe closures, making sure the agent captures state and environment variables before invoking the modifier.

Similar skills

Everything for Mobile →

swiftui-animation by other authors comes first.

From the same set69

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor