guide-swiftui-animations — Claude Code skill: SwiftUI animation
A guide skill for SwiftUI motion: implicit and explicit animations, transitions, phase and keyframe animations, the Animatable protocol.
npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-animations -a claude-codeWhat guide-swiftui-animations does
This is a workflow guide, not API reference. The agent pulls it in when you ask for motion in a view: insertion and removal, state changes with animation, timing curves. Three reference files sit inside: references/animation-basics.md covers core concepts and performance, references/animation-transitions.md covers transitions and the Animatable protocol, references/animation-advanced.md covers transactions, phase and keyframe animations, and the @Animatable macro.
One command installs it through npx skills add, and the skill lands at ~/.claude/skills/guide-swiftui-animations/SKILL.md. The same skill also installs into Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode — only the -a flag changes.
The guide leans on current SwiftUI APIs, @Animatable among them, so some examples won't compile on older Xcode versions. Worth checking your target version before letting the agent touch a view.
What it helps with
- animate a view appearing and disappearing
- set timing and curves for a state change
- build a phase animation step by step
- conform a custom type to Animatable
- work through transactions and keyframe animations
Example prompts for the agent
- Add a transition animation for the card when it appears in the list
- Build a phase animation for the loading progress
- Set up @Animatable for my type with a custom interpolator
How to install guide-swiftui-animations
1Skills CLI (Vercel)
npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-animations -a claude-code2Manually: put the files in place
~/.claude/skills/guide-swiftui-animations/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/guide-swiftui-animations/
1Skills CLI (Vercel)
npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-animations -a codex2Manually: put the files in place
.agents/skills/guide-swiftui-animations/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-animations -a cursor2Manually: put the files in place
.cursor/skills/guide-swiftui-animations/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install Prisma-Labs-Dev/apple-skills guide-swiftui-animations2Manually: put the files in place
.github/skills/guide-swiftui-animations/SKILL.md1Skills CLI (Vercel)
npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-animations -a gemini-cli2Platform CLI
gemini skills install https://github.com/Prisma-Labs-Dev/apple-skills --path disabled-skills/guide-swiftui-animationsManually: put the files in place
.devin/skills/guide-swiftui-animations/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-animations -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 guide-swiftui-animations
How do I install guide-swiftui-animations in Claude?
Run npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-animations -a claude-code. The skill file lands at ~/.claude/skills/guide-swiftui-animations/SKILL.md.
What does guide-swiftui-animations do?
It hands the agent SwiftUI animation patterns: implicit and explicit animations, transitions, phase and keyframe animations, the Animatable protocol and the @Animatable macro.
Which platforms does it support?
It installs into Claude, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode. The command is the same, only the -a flag changes per tool.
Source text
SKILL.md · MIT
--- name: guide-swiftui-animations description: SwiftUI animation patterns — implicit/explicit animations, transitions, phase/keyframe animations, the Animatable protocol, and the @Animatable macro. Use when implementing animations, transitions, or motion in SwiftUI views. type: guide origin: https://github.com/AvdLee/SwiftUI-Agent-Skill license: MIT --- > **Guide Skill** — This is an expert workflow/pattern guide, not API reference documentation. > Originally from [AvdLee/SwiftUI-Agent-Skill](https://github.com/AvdLee/SwiftUI-Agent-Skill) by Antoine van der Lee and Omar Elsayed. MIT License. # SwiftUI Animations ## References | Topic | Reference | |-------|-----------| | Core concepts, implicit/explicit, timing, performance | `references/animation-basics.md` | | Transitions for view insertion/removal, Animatable protocol | `references/animation-transitions.md` | | Transactions, phase/keyframe animations, `@Animatable` macro | `references/animation-advanced.md` |
© Prisma-Labs-Dev · MIT · Prisma-Labs-Dev/apple-skills
