swiftui-animation

Malicious tool definition detected

Tool: SKILL.md Description: --- name: swiftui-animation description: This skill provides comprehensive guidance for implementing advanced SwiftUI animations, transitions, matched geometry effects, and Metal shader integration.

Malicious tool definition detected

Tool: references/animations.md Description: # SwiftUI Animation APIs SwiftUI provides a declarative approach to animations, making it easy to animate view changes with minimal code. Animations in SwiftUI can be implicit or explicit. ## Implicit vs Explicit Animations **Implicit animations** occur when attaching an animation to a view or state change using the `.animation(_:)` modifier.

Malicious tool definition detected

Tool: references/metal-shaders.md [1/5] Description: # Metal Shaders and SwiftUI Integration Metal is Apple's low-level graphics and compute shader framework for GPU-accelerated rendering and effects.

Tool: references/metal-shaders.md [2/5] Description: keyframes: { _ in LinearKeyframe(duration, duration: duration) } } } extension View { func rippleEffect(at origin: CGPoint, trigger: Bool) -> some View { modifier(RippleEffect(origin: origin, trigger: trigger)) } } // Usage struct RippleDemo: View { @State private var tapLocation: CGPoint = .zero @State private var trigger = false var body: some View { Image("photo") .resizable() .aspectRatio(contentMode: .fit) .rippleEffect(at: tapLocation, t

Tool: references/metal-shaders.md [3/5] Description: 78.233))) * 43758.5453); half3 grain = half3(noise * intensity); return half4(color.rgb + grain, color.a); } ``` ### Gradient Map ```metal [[stitchable]] half4 gradientMap( float2 position, SwiftUI::Layer layer, half4 shadowColor, half4 highlightColor ) { half4 original = layer.sample(position); float luminance = dot(original.rgb, half3(0.299, 0.587, 0.114)); half3 mapped = mix(shadowColor.rgb, highlightColor.rgb, luminance); return half4(mapp

Tool: references/metal-shaders.md [4/5] Description: } ``` ```swift // SwiftUI Usage - drag to offset struct ColorPlanesView: View { @State private var offset = CGSize.zero var body: some View { Image("photo") .drawingGroup() .layerEffect( ShaderLibrary.colorPlanes(.float2(offset)), maxSampleOffset: .zero ) .gesture( DragGesture(minimumDistance: 0) .onChanged { offset = $0.translation } ) } } ``` ### Infrared Thermal Effect Simulates thermal/infrared imaging by mapping brightness to a cold-to-ho

Tool: references/metal-shaders.md [5/5] Description: MIT License - Copyright (c) 2023 Paul Hudson [[stitchable]] half4 pixellate( float2 position, SwiftUI::Layer layer, float2 size, float amount, // Progress 0-1 float squares, // Number of pixel squares float steps // Animation steps (lower = more retro) ) { half2 uv = half2(position / size); // Direction goes 0 -> 0.5 -> 0 half direction = min(amount, 1.0 - amount); // Quantize for stepped animation half steppedProgress = ceil(direction * steps

Malicious tool definition detected

Tool: references/motion-guidelines.md [1/2] Description: # Motion Design Guidelines Beautiful, fluid motions bring the interface to life, conveying status, providing feedback and instruction, and enriching the visual experience of your app or game. Many system components automatically include motion, letting you offer familiar and consistent experiences throughout your app or game.

Tool: references/motion-guidelines.md [2/2] Description: — people can feel unwell.

Malicious tool definition detected

Tool: references/transitions.md Description: # SwiftUI Transition Animations Transition animations handle the appearance and disappearance of views in SwiftUI, allowing smooth cross-fades or movement when views are inserted or removed from the hierarchy.