How does this skill help with SwiftUI performance?

It provides guidance on profiling shader performance, using explicit animations to reduce unnecessary redraws, and selecting the most efficient transition methods for complex view hierarchies.

Does it support the latest iOS 17 animation features?

Yes, it includes full support for iOS 17+ features including spring presets like .snappy and .bouncy, as well as PhaseAnimator, KeyframeAnimator, and new shader modifiers.

Can I use this for custom view transitions?

Absolutely. The skill covers built-in transitions, combined/asymmetric transitions, and complex hero animations using the matchedGeometryEffect API.

Does it include guidance on Metal shaders?

Yes, it provides implementation patterns for colorEffect, distortionEffect, and layerEffect modifiers to bring GPU-accelerated effects into SwiftUI views.

SwiftUI Animation Expert

Name: SwiftUI Animation Expert
Author: lev-os

bylev-os

0•

Mobile Development

Implements advanced SwiftUI animations, fluid hero transitions, and high-performance Metal shaders for iOS and macOS applications.

This skill provides specialized guidance for creating sophisticated motion designs within SwiftUI, ranging from basic spring animations to complex GPU-accelerated Metal shader effects. It assists developers in implementing fluid view transitions, seamless hero animations using matchedGeometryEffect, and multi-phase orchestrated sequences using PhaseAnimator and KeyframeAnimator. By adhering to Apple's Human Interface Guidelines, it ensures that animations are purposeful, accessible, and performant across all Apple platforms.

Key Features

01Advanced spring and easing animation configurations

02Seamless hero transitions with matchedGeometryEffect

030 GitHub stars

04Multi-phase motion orchestration with PhaseAnimator

05Custom GPU-accelerated effects using Metal shaders

06Performance optimization and accessibility compliance

Use Cases

01Creating complex hero animations between different view hierarchies

02Integrating custom visual effects like blurs and distortions via Metal shaders

03Building interactive UI components with fluid state transitions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lev-os/agents swiftui-animation

For use in Claude.ai and ChatGPT

Download Skill