Loading...
Loading...
Found 58 Skills
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
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.
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 animation is limited by browser support, platform capabilities, or technical requirements
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 when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
This skill should be used when the user asks to "add an animated background", "build a mesh/gradient background", "make an aurora/shader background", "add constellation/particle background", "animated hero background", or "a subtle looping background behind content". Covers CSS mesh gradients, GLSL shader gradients (Three.js), canvas particle constellations, seamless loops, and reduced-motion/performance handling — fully self-contained.
CSS expert for flexbox, grid, animations, responsive design, and modern layout techniques
Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the math.