Loading...
Loading...
Found 67 Skills
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Use when animation runs slow, janky, or causes frame drops
Use this skill when implementing animations, transitions, micro-interactions, or motion design in web applications. Triggers on CSS animations, Framer Motion, GSAP, keyframes, transitions, spring animations, scroll-driven animations, page transitions, loading states, and any task requiring motion or animation implementation.
Use the DuskMoon CSS Art Elements (`<el-dm-art-*>` web components). Use when adding pure CSS art animations to web pages — atom, moon, sun, plasma-ball, gemini-input, synthwave-starfield, and more. Covers all 15 CSS art packages, registration patterns, size variants, and the @layer stripping technique required for Shadow DOM compatibility.
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions
CSS expert for flexbox, grid, animations, responsive design, and modern layout techniques
Master of stylized atmospheric effects using SVG filters and CSS animations. Creates clouds, waves, lightning, rain, fog, aurora borealis, god rays, lens flares, twilight skies, and ocean spray—all with a premium aesthetic that's stylized but never cheap-looking.
View Transitions API theme toggle effects for smooth light/dark mode animations. Trigger: When implementing theme toggle with smooth transition animations using CSS masks and View Transitions API.