Enforce safe and performant UI animations with containment and modifier order.
npx skills add https://github.com/moasq/nanowave --skill animations-moasq
Please help me install this Agent Skill. Skill: animations Source: https://github.com/moasq/nanowave/tree/main/internal/orchestration/skills/ui/animations Command: npx skills add https://github.com/moasq/nanowave --skill animations-moasq
This Skill addresses common pitfalls in UI animation implementation, ensuring animations are visually contained, performant, and adhere to best practices for timing and transitions.
.compositingGroup().clipped().Apply containment modifiers to ensure animated content does not overflow its parent container.
High-intent search queries and answers about installing and using this skill.
To stop SwiftUI animations from overflowing parent bounds, apply containment modifiers like `.compositingGroup().clipped()` to the parent view. This enforces visual containment and prevents animated content from breaking out of its designated bounds.
The best way to optimize SwiftUI animation performance is prioritizing GPU-accelerated transforms over layout-driven animations. This approach reduces computational overhead and ensures smoother transitions during UI state changes.
Modifier order affects SwiftUI transitions because animations must be applied correctly after layout and transformations. Incorrect ordering can break containment, disrupt timing curves, and cause unexpected visual behavior.
You use `.animation` for implicit animations tied to specific view changes, and `withAnimation` for explicit animations triggered by state changes. Correct application ensures safe transitions and proper list animation behavior.
Your SwiftUI card-based UI animation looks broken likely due to missing containment enforcement or incorrect modifier order. Applying `.compositingGroup().clipped()` prevents overflow and maintains a clean look during transitions.
sorty-organizerApply a cohesive SwiftUI design system across iOS and macOS view creation.
Probably-GroupPlan UI animation strategies with safe DOM and performance constraints.
vaboleRefactor SwiftUI view files into MV-structured, ordered layouts with safe dependency injection.
ali-masterManage oRPC client event streams with an asynchronous iterator.