Visual effects, animation patterns, morphism systems, interaction states, and layout patterns for UI and branding contexts. Use when choosing or implementing animated backgrounds, text effects, morphism styles, micro-interactions, motion patterns, cursor effects, image/media effects, liquid/glass FX, shader gradients, depth systems, border effects, scroll animations, dark-mode adaptations, or 3D elements. Activate on: "add animation", "make it more dynamic", "animated background", "text effect", "visual effect", "glassmorphism", "neumorphism", "claymorphism", "brutalism", "bento grid", "shader", "3D hero", "micro-interaction", "hover effect", "loading state", "gradient border", "lottie", "custom cursor", "image reveal", "scroll timeline", "page recipe", "saas landing", "portfolio", "gaming page", "wellness app", "/design-effects-skill".
2026-06-28