1

    Swiftui Microinteractions

    by Vishal Paliwal

    Pro-grade SwiftUI microinteractions with spring physics, liquid glass effects, and haptic synchronization.

    Updated Jun 2026
    0 installs

    Free

    Included in download

    • Downloadable skill package
    • Works with Cursor, and Windsurf.
    • 2 permissions declared
    • Instant install

    See it in action

    You say

    Create a snappy card interaction that rips with anticipation when dragged and has a heavy haptic hit when dismissed.

    Your agent does

    🎯 Archetype: Gesture Card ⚡ Physics: Snap (0.35/0.5) for high-tension return 🎮 Haptics: lightImpact on drag, heavyImpact at 120pt threshold 🏗️ State: @State private var dragOffset = CGSize.zero

    (Clean, compilable SwiftUI code implementing a physics-aware card with DragGesture and haptic triggers.)

    About This Skill

    The problem

    Standard SwiftUI animations often feel linear and robotic. Developers struggle to implement the complex spring physics, haptic synchronization, and fluid "metaball" effects that define premium iOS interfaces.

    What it does

    • Generates complete, compilable SwiftUI files featuring advanced spring physics and gesture-driven interactions.
    • Integrates CoreHaptics automatically, timing haptic triggers to animation phases like thresholds and impacts.
    • Implements iOS 26 Liquid Glass effects with backwards-compatible fallbacks for older OS versions.
    • Automates SF Symbols 7 "draw-on" and variable color animations with proper state management.
    • Synchronizes Canvas-based liquid morphing and outline-tracing animations with real touch gestures.

    Frameworks & tools

    SwiftUI, CoreHaptics, SF Symbols 7, Xcode, Asset Catalog integration.

    Why this beats prompting it yourself

    General-purpose LLMs frequently Hallucinate SwiftUI physics parameters or fail to handle the complex state logic required for SF Symbol transitions. This skill uses a strict "Defaults Contract" to ensure HIG compliance while injecting professional-grade animation curves (stretchy, snappy, precision-stiff) that are difficult to tune manually.

    Use cases

    • Creating high-end button interactions with anisotropic scaling and haptic feedback.
    • Building liquid-style toggle switches and morphing glass containers.
    • Implementing velocity-aware carousel paging with predicted end-translation logic.
    • Generating signature-style outline tracing for loaders and success states.

    Known limitations

    Requires iOS 17+ for advanced symbol effects and iOS 26 for native Liquid Glass features. Does not generate external image assets; relies on existing project assets or placeholders.

    Use Cases

    • Implement spring-based gesture interactions with automated haptic feedback.
    • Animate SF Symbols with professional-grade draw and breathe effects.
    • Build metaball liquid morphing effects using SwiftUI Canvas.
    • Generate HIG-compliant adaptive light and dark mode glass surfaces.

    Reviews

    No reviews yet - be the first to share your experience.

    Only users who have downloaded or purchased this skill can leave a review.

    Security Scanned

    Passed automated security review

    Permissions

    Terminal / Shell
    Network Access

    Allowed Hosts

    img.shields.io
    skills.sh
    www.skills.sh
    github.com
    raw.githubusercontent.com
    twitter.com
    www.patreon.com

    File Scopes

    swiftui-microinteractions-main/**
    Demo Video

    Compatible with SKILL.md-compatible agents including Claude Code, Cursor, and Windsurf.

    Creator

    iOS & SwiftUI dev 🍎 I make apps feel premium Builder: MedLogsRx · IngrediCheck legendary-Animo (167★) · DM to work

    Frequently Asked Questions

    More Premium Skills

    Free