swiftui-microinteractions   Try on Device

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.

Want More? Try Pro

swiftui-microinteractions-pro is a licensed, private superset of this skill — everything above, plus premium-exclusive patterns:

• Morphing pill ↔ circle player FABs (single-view-tree morph, never `if/else` cross-fade)
• Scratch-to-reveal Canvas masks (coupon/reward flows)
• Photos-style hero-zoom context menus
• Telegram-style chat reaction menus with animated-GIF reaction trays
• Grab-and-fling hand-integrated physics badges

/swiftui-microinteractions-pro a morphing music player with a pill↔circle mini-player

See Pro →

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.