Loading...
Loading...
Found 63 Skills
Creates realistic cloud effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for atmospheric backgrounds, weather effects, skyboxes, parallax scenes, and decorative cloud elements. Activate on "cloud effect", "SVG clouds", "realistic clouds", "atmospheric background", "sky animation", "feTurbulence", "weather effects", "parallax clouds". NOT for 3D rendering (use WebGL/Three.js skills), photo manipulation (use image editing tools), weather data APIs (use data integration skills), or simple CSS gradients without volumetric effects.
Expert in web animations, transitions, and motion design using Framer Motion and CSS
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together