ios-animate

Add spring animations and haptics to SwiftUI feature reviews.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/ElvinOuyang/claude-skill-collection --skill ios-animate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ios-animate
Source: https://github.com/ElvinOuyang/claude-skill-collection/tree/main/plugins/ios-dev-toolkit/skills/ios-animate
Command: npx skills add https://github.com/ElvinOuyang/claude-skill-collection --skill ios-animate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Static, abrupt, or joyless iOS/SwiftUI interactions make apps feel unresponsive and harder to understand, even when the underlying functionality is correct.

Core Features & Use Cases

  • Animation strategy that improves usability: Identifies missing feedback, jarring transitions, unclear element relationships, and opportunities to guide attention so motion has a clear purpose.
  • SwiftUI-first motion implementation: Uses spring-based timing tiers, matched geometry, symbol effects, content transitions, and gesture-driven animation to make interfaces feel responsive.
  • Haptics and accessibility-aware motion: Adds sensory feedback only at key moments and respects Reduce Motion to avoid discomfort.

Quick Start

Apply ios-animate to the provided SwiftUI feature and update it with purposeful spring animations, matching geometry for spatial continuity, and haptics on meaningful state changes while honoring accessibility reduce motion.

Frequently Asked Questions about ios-animate

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add SwiftUI micro-interactions to make iOS screens feel responsive?

SwiftUI micro-interactions restore physical feedback by applying spring-based timing tiers, matched geometry for spatial continuity, and haptics to state changes like taps and toggles. This guides user attention and makes abrupt transitions feel alive.

What is the best way to animate SwiftUI tab switching and expand sections?

Animating SwiftUI tab switching and expand sections requires springs only, selecting a single hero moment, and using matched geometry. This establishes spatial continuity and ensures transitions between states feel smooth.

Does SwiftUI animation work with Reduce Motion accessibility settings?

SwiftUI animation must respect Reduce Motion to avoid discomfort. Honoring Reduce Motion compatibility ensures that spring animations and haptics gracefully degrade or disable, keeping the interface accessible without breaking layout correctness.

When should I use matched geometry effects in SwiftUI?

Use matched geometry effects in SwiftUI when elements transition between views, such as onboarding transitions or expand and collapse sections. It provides spatial continuity by seamlessly animating the frame and position of shared elements across state changes.

Why do my SwiftUI state changes feel janky and lifeless?

SwiftUI state changes feel janky and lifeless when they lack purposeful animation strategies. Missing feedback, jarring transitions, and unclear element relationships make interactions unresponsive, requiring spring timing tiers and sensory feedback to fix.