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.
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a claude-codeWhat 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-code2Manually: put the files in place
~/.claude/skills/swiftui-animation/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/swiftui-animation/
1Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a codex2Manually: put the files in place
.agents/skills/swiftui-animation/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a cursor2Manually: put the files in place
.cursor/skills/swiftui-animation/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install dpearson2699/swift-ios-skills swiftui-animation2Manually: put the files in place
.github/skills/swiftui-animation/SKILL.md1Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a gemini-cli2Platform CLI
gemini skills install https://github.com/dpearson2699/swift-ios-skills --path skills/swiftui-animationManually: put the files in place
.devin/skills/swiftui-animation/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
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.