swiftui-microinteractions

Premium SwiftUI animation and interaction skills for AI coding agents — generate production-ready micro-interactions from plain English prompts.

Built from legendary-Animo: 84 hand-crafted SwiftUI animation demos.

---

swiftui-microinteractions

Generate premium SwiftUI animations in the legendary-Animo style — spring physics, CoreHaptics, glass morphism, and complete compilable files — from a plain English description.

/swiftui-microinteractions iOS toggle but the track floods with liquid when switched
/swiftui-microinteractions a notification card you can rip apart by pulling both edges
/swiftui-microinteractions edit ViscousButtonView.swift — increase tear threshold to 160pt

Each prompt writes a complete .swift file directly to your project. Supports both create and edit modes.

---

Who This Is For

• iOS developers who want premium micro-interactions without spending days on physics tuning
• Designers prototyping gesture-driven interactions in SwiftUI
• Teams who want consistent animation quality across their app
• Anyone who wants to ship the kind of interactions that make users say "how did they do that?"

---

Installation

Option A: skills.sh CLI

npx skills add iAmVishal16/swiftui-microinteractions

Then use in your agent:

/swiftui-microinteractions iOS toggle but the track floods with liquid when switched

View on skills.sh →

Option B: Claude Code Plugin

Add to your .claude/settings.json:

{
  "enabledPlugins": {
    "swiftui-microinteractions@iamvishal16-skills": true
  },
  "extraKnownMarketplaces": {
    "iamvishal16-skills": {
      "source": {
        "source": "github",
        "repo": "iAmVishal16/swiftui-microinteractions"
      }
    }
  }
}

Or via Claude Code CLI:

/plugin marketplace add iAmVishal16/swiftui-microinteractions
/plugin install swiftui-microinteractions@iamvishal16-skills

Option C: Manual Install

curl -o ~/.claude/commands/swiftui-microinteractions.md \
  https://raw.githubusercontent.com/iAmVishal16/swiftui-microinteractions/main/SKILL.md

Skill is then available as /swiftui-microinteractions in any Claude Code session.

---

What's Inside

The skill encodes the full legendary-Animo aesthetic without requiring knowledge of the codebase:

• Spring physics library — 7 tuned presets (snap, pop, settle, morph, stiff, dial) with exact response + dampingFraction values
• Haptic grammar — 4-event ladder tied to interaction phases (drag start, threshold cross, commit, destroy)
• Visual DNA — dark background, glass morphism surfaces, 7-level opacity hierarchy, two-tone gradient system
• Liquid metaball pattern — Canvas + .blur() + .contrast() + .blendMode(.screen) recipe
• Multi-phase animation chains — stacked DispatchQueue.main.asyncAfter for choreographed sequences
• State architecture tiers — Simple (2–4 @State) / Medium (5–8) / Complex (10+) with property type rules
• Code structure law — mandatory MARK layout, camelCase tokens, no magic numbers
• Create + Edit modes — generates new files or modifies existing ones, writes directly to disk

---

Skill Structure

swiftui-microinteractions/   ← repo root
  SKILL.md
  README.md
  CHANGELOG.md
  LICENSE

Single-skill repo: SKILL.md lives at the repo root, indexed by skills.sh as iamvishal16/swiftui-microinteractions.

---

Contributing

Contributions welcome. Open a PR to improve the skill content, add new animation patterns, or fix incorrect physics values.

---

About

Built by Vishal Paliwal — iOS developer and creator of legendary-Animo.

Support the work: Patreon

---

License

MIT License. See LICENSE for details.