Swiftui Microinteractions
Pro-grade SwiftUI microinteractions with spring physics, liquid glass effects, and haptic synchronization.
- 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.
Free
Included in download
- Downloadable skill package
- Works with Cursor, and Windsurf.
- 2 permissions declared
iOS & SwiftUI dev 🍎 I make apps feel premium Builder: MedLogsRx · IngrediCheck legendary-Animo (167★) · DM to work
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.)
Swiftui Microinteractions
Pro-grade SwiftUI microinteractions with spring physics, liquid glass effects, and haptic synchronization.
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.
Known Limitations
- 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 Install
mkdir -p ~/.claude/skills && curl -sL https://www.agensi.io/api/install/swiftui-microinteractions -o /tmp/swiftui-microinteractions.zip && unzip -o /tmp/swiftui-microinteractions.zip -d ~/.claude/skills && rm /tmp/swiftui-microinteractions.zipFree skills install directly. Paid skills require purchase - use the download button above after buying.
Reviews
No reviews yet - be the first to share your experience.
Only users who have downloaded or purchased this skill can leave a review.
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
Allowed Hosts
File Scopes
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
Learn More About AI Agent Skills
More Premium Skills
World-Class Site & App Design
Every AI-built UI looks generic and templated. This skill teaches your agent to actually match the design to the project, the industry, and the audience.
designing-hybrid-context-layers
Architects the right retrieval strategy for every query — teaching your agent when to use RAG, a knowledge graph, or a temporal index instead of defaulting to vector search for everything.
ai-automation-qa-pack
Professional QA & UAT documentation generator for AI automation agencies and complex agent deployments.
cinematic-sites
Turn any basic business URL into a high-end cinematic landing page with AI-generated 4K assets and GSAP animations.