Swiftui Microinteractions

    Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+21 more

    Swiftui Microinteractions

    2

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

    Free

    32 uses5.0 (2 reviews)

    swiftui-microinteractions

    Example session with this skill installed

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

    • Read your context and instructions
    • Compiled the swiftui-microinteractions

    🎯 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.)

    Connects securely to your tools. The creator never sees your data.

    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.

    • Requires iOS 17+ for advanced symbol effects.
    • Requires iOS 26 for native Liquid Glass features.
    • Focuses on UI code, not external image asset generation.

    How to use

    1. 1

      Connect your agent to the Agensi MCP

      Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup

    2. 2

      Sign in to Agensi

      Your agent shows a sign-in link. Sign in and click Allow.

    3. 3

      Ask for what you need

      Your agent loads this skill and uses it on your task. It always asks before any payment.

    Reviews

    5.0
    2 reviews
    5
    2
    4
    0
    3
    0
    2
    0
    1
    0

    This skill has been used 32 times.

    Trust & safety

    Security scan

    Security scan passed 1 month ago

    • Free with an Agensi account

    Software
    Node.js

    Permissions

    Terminal / Shell
    Network Access
    Listed4 months ago
    Updated1 month ago

    What's inside

    Frequently Asked Questions

    The skill generates ready-to-use SwiftUI files featuring advanced physics-based microinteractions, haptic synchronization, and fluid glass effects that go far beyond standard framework animations.

    While the skill requires iOS 17+ for advanced symbol transitions, it includes backwards-compatible fallbacks for its Liquid Glass and physics effects to ensure your app stays functional on older versions.

    This skill is designed to work with major AI agents that support code generation; simply provide your UI requirements, and it will output structured, compilable Swift code tailored to your project.

    No, the skill uses a 'Defaults Contract' to automatically apply professionally tuned spring curves and haptic patterns, eliminating the need for manual physics calibration.

    You get access to the logic for generating unlimited microinteraction components, including high-end buttons, liquid toggles, and velocity-aware carousels that follow Apple’s Human Interface Guidelines.

    The skill is updated periodically to support the latest Apple frameworks, such as SF Symbols 7 and upcoming iOS features, ensuring your UI remains at the cutting edge.

    New in Frontend & Web Apps

    Free