Animate Unity UI with DOTween while preserving LayoutGroup integrity.
npx skills add https://github.com/wooson00308/CCUF --skill dotween-patterns
Please help me install this Agent Skill. Skill: dotween-patterns Source: https://github.com/wooson00308/CCUF/tree/main/.claude/skills/dotween-patterns Command: npx skills add https://github.com/wooson00308/CCUF --skill dotween-patterns
DOTween-based UI animations can break Unity's LayoutGroup layouts if used improperly. This Skill provides safe patterns to animate UI while preserving layout integrity.
Open Unity, apply these DOTween-safe UI patterns to animate layouts and popups.
High-intent search queries and answers about installing and using this skill.
DOTween UI animation breaks Unity LayoutGroup layouts because directly animating child transforms triggers continuous layout recalculation. Using safe patterns like animating CanvasGroup alphas or root transforms prevents this disruption.
Create DOTween popup animations by applying slide and fade effects to root transforms and CanvasGroups instead of layout children. This preserves Canvas layout integrity and allows quick restoration on disable.
Yes, you can animate UI transitions without affecting LayoutGroup elements by using non-layout-affecting DOTween sequences. Applying local scale or CanvasGroup fades ensures the layout remains stable.
Safe DOTween patterns for lists and dashboards use reusable stagger and sequence techniques. These patterns animate UI elements without triggering LayoutGroup recalculations across Unity scenes and panels.
Yes, animating CanvasGroup alpha fades prevents Unity LayoutGroup from recalculating. Fading the CanvasGroup does not alter the transform dimensions, ensuring the layout remains completely intact.
wanghaishengAnimate Unity Transforms, UI elements, Materials, and Cameras with zero allocations.
krikommpGenerate and configure DOTween animations in Unity.
krikommpGuide DOTween initialization, easing, integration, lifetime, and sequences in Unity.
Nice-Wolf-StudioGuide Unity Mecanim animation workflows, including Animator Controllers, state machines, and blend trees.
