# swiftui-animation

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

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 5400 installs · ★ 1237
- Author: dpearson2699
- License: LicenseRef-Unknown · policy=link-only · description only; the file stays with the author
- Source: https://github.com/dpearson2699/swift-ios-skills/tree/HEAD/skills/swiftui-animation/SKILL.md
- Updated: 2026-07-31
- HTML: https://affpapa.org/en/nevibecode/skills/swiftui-animation

## What it 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.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/swiftui-animation/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/swiftui-animation/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/swiftui-animation/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/swiftui-animation/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install dpearson2699/swift-ios-skills swiftui-animation
```

2. **Manually: put the files in place**
- File: `.github/skills/swiftui-animation/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/dpearson2699/swift-ios-skills --path skills/swiftui-animation
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/swiftui-animation/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add dpearson2699/swift-ios-skills --skill swiftui-animation -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/dpearson2699/swift-ios-skills/tree/HEAD/skills/swiftui-animation/SKILL.md

## When to use it
- 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
- 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

## Similar
- [swiftui-motion](https://affpapa.org/en/nevibecode/skills/swiftui-motion.md) — skill · 943 installs
- [guide-swiftui-animations](https://affpapa.org/en/nevibecode/skills/guide-swiftui-animations.md) — skill · 347 installs
- [swiftui-patterns](https://affpapa.org/en/nevibecode/skills/affaan-m-swiftui-patterns.md) — skill · 4600 installs
- [swiftui-whats-new-27](https://affpapa.org/en/nevibecode/skills/swiftui-whats-new-27.md) — skill · 737 installs
- [swiftui-specialist](https://affpapa.org/en/nevibecode/skills/swiftui-specialist.md) — skill · 864 installs
- [swiftui-development](https://affpapa.org/en/nevibecode/skills/swiftui-development.md) — skill · 676 installs

## Other versions with the same name
- [swiftui-animation · jamesrochabrun](https://affpapa.org/en/nevibecode/skills/jamesrochabrun-swiftui-animation.md) — 567 installs

From the same set: [dpearson2699/swift-ios-skills](https://affpapa.org/en/nevibecode/by/dpearson2699/swift-ios-skills.md) — 86 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md