swiftui-microinteractions skill
A skill that writes a full SwiftUI file with spring physics, haptics and glass surfaces from a plain-language animation brief.
- 138 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Writes and overwrites `.swift` files and sometimes `project.pbxproj` in the current project.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/swiftui-microinteractionsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Writes and overwrites `.swift` files and sometimes `project.pbxproj` in the current project.
This is third-party code. Review the repository files before installing.
What it does
The skill turns a description such as "a toggle whose track floods with liquid" into a complete compilable SwiftUI file. The rules in `SKILL.md` define seven spring presets with exact `response` and `dampingFraction` values, a four-event haptic ladder and a liquid metaball recipe built on `Canvas`. An edit mode exists: when the request names a file, the skill reads it and changes only what is asked. Work stays inside the current project, and the skill needs no network or package installs. You call it with `/swiftui-microinteractions` and a description of the effect.
Who it is for. iOS developers and designers prototyping gesture-driven SwiftUI animations who would rather not tune physics by hand.
Good fit when
- You need a button or slider with spring response and haptics.
- A card should tear apart when dragged by both edges.
- SF Symbols get draw-on, breathe or replace effects.
- An onboarding tour must spotlight real controls.
Not a fit when
- The project is written in UIKit without SwiftUI.
- You want the standard system look without custom effects.
- You want the paid Pro patterns for free.
Example request
/swiftui-microinteractions a notification card you can rip apart by pulling both edgesLimitations
The repository holds a single skill file, `SKILL.md`, in the root. The extended set (morphing buttons, scratch-to-reveal, reaction menus) lives in a paid private version, `swiftui-microinteractions-pro`. The style is tied to the legendary-Animo demos: dark background, glass, gradients. Build and test results on a device, since haptics cannot be felt in the simulator. It targets the Xcode and iOS versions the skill examples were written for: SF Symbols effects cover iOS 17 to 26.
How to disable. Delete `~/.claude/skills/swiftui-microinteractions/` or disable the `swiftui-microinteractions@iamvishal16-skills` plugin. Generated `.swift` files stay in the project.
FAQ
How do I install the skill in Claude Code?
Run `npx skills add iAmVishal16/swiftui-microinteractions`. For the plugin use `/plugin marketplace add iAmVishal16/swiftui-microinteractions` and `/plugin install swiftui-microinteractions@iamvishal16-skills`.
Does it work in Cursor and Codex?
Yes. The README gives `npx skills add` and manual copying: in Cursor the file goes to `.cursor/rules/swiftui-microinteractions.mdc`, and for other agents it is appended to `AGENTS.md`.
Where does the skill write files?
Only inside the current project: a new or edited `.swift` or `.metal` file and, when needed, `project.pbxproj`. It changes nothing outside the working folder.
How does the paid version differ?
`swiftui-microinteractions-pro` is a private superset: morphing player, scratch-to-reveal and reaction menus. The free skill includes everything else in the README.
Does it edit existing files?
Yes, in edit mode. Name a `.swift` file in the request and the skill reads it and changes only what you ask.
Discussion
No questions or reviews yet.
Related
SkillsA SwiftUI best practices skill: state, view composition, performance, new APIs, Liquid Glass and Instruments trace analysis
A skill that gives the agent Apple's own SwiftUI guidance, which the installer extracts from your local Xcode
Paul Hudson's skill for reviewing and writing SwiftUI for iOS 26: deprecated APIs, data flow, navigation, accessibility, performance
SwiftUI Design Skill
swiftui-design-skill
A SwiftUI interface design skill: compilable code, tokens, patterns and six rules against AI sloppiness. One-command installation through npx skills
A skill and MCP server with a library of ready SwiftUI components and recipes so the agent builds iOS screens from tested code instead of writing them from scra
Two SwiftUI skills: native Liquid Glass for iOS 26 and adaptive layout for the foldable iPhone Duo with no separate app version
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| swiftui-microinteractions (this card) | no | 138 | |
| swiftui-skills | no | 126 | adds Apple's SwiftUI notes; this skill writes finished animation files with spring physics and haptics |
| SwiftUI Design Skill | no | 211 | general SwiftUI interface styling; this one covers the narrow task of micro-animations and gestures |
README in short
The skill is built from 84 legendary-Animo demos. Inside are physics presets, haptic rules, opacity levels, state templates and a mandatory code layout with `MARK` sections.
README badge
Original SKILL.md
---
name: swiftui-microinteractions
description: Generate premium SwiftUI animations in the legendary-Animo style — spring physics, CoreHaptics, glass morphism, SF Symbols 7 draw animations, complete compilable files.
---
Generate a complete, compilable SwiftUI animation file in the legendary-Animo style. No placeholders. No TODO comments.
## When to Use
- Building a SwiftUI button, gesture, slider, or liquid effect with premium physics
- Need haptic feedback timed correctly to animation phases
- Creating a drag interaction with resistance, snap, or threshold trigger
- Animating SF Symbols with draw-on, breathe, bounce, replace, or variable color effects (iOS 17–26)
- Building a Canvas loader that traces a shape outline with a comet trail (infinity, star, polygon…)
- Morphing a flat grid of elements into a faux-3D spinning form (drum, globe, helix) and back
- Building a card-reveal pack (swipe-to-tear, 3D card flip, staggered stat fills) or Canvas power-effect showcase
- Building an onboarding spotlight tour / coach marks that walk the user across real controls (dim scrim, cutout, pointing tooltip)
- Editing an existing SwiftUI animation file
## Scope & Safety
- Writes only inside the user's current project: the new or edited `.swift` (or `.metal`) file and, when needed, that project's `project.pbxproj`. Nothing outside the working directory.
- No network access, no package installs, no shell scripts. In Edit mode, only the named file changes.
## Mode Detection
- **Edit mode**: prompt contains "edit", "update", "add X to", "change", or a `.swift` filename → read file first, change only what's asked, overwrite file on disk
- **Create mode**: everything else → generate a new complete file and write it to disk
---
## Intent Inference (runs before code generation)
Before generating any code, parse the prompt for under-specified details and resolve them to defaults. Print a `🔍 Inferred from prompt:` block so the user can see — and override — what was auto-resolved. Only print lines that were actually inferred (not ones the user explicitly stated).
### Step 0 — Normalize designer vocabulary
Translate any designer words in the prompt into skill-understood terms before running subsequent steps. This lets non-technical prompts ("snappy card that rips with anticipation") produce the same output as fully specified ones.
**Animation feel words → physics preset:**
| Designer says | Maps to |
|---|---|
| snappy / crisp / tight | UI pop `0.35/0.6` |
| bouncy / springy / elastic | Snap `0.35/0.5` |
| stretchy / rubber / wobbly | 3-phase rubber-band (see iOS 26 section) |
| melts / floats / soft / gentle | Slow morph `0.6/0.8` |
| stiff / precise / mechanical | Precision stiff `interpolatingSpring(220, 22)` |