Loading...
Loading...
Found 83 Skills
Creates realistic ocean and water wave effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for ocean backgrounds, underwater distortion, beach scenes, ripple effects, liquid glass, and water-themed UI. Activate on "ocean wave", "water effect", "SVG water", "ripple animation", "underwater distortion", "liquid glass", "wave animation", "feTurbulence water", "beach waves", "sea foam". NOT for 3D ocean simulation (use WebGL/Three.js), video water effects (use video editing), physics-based fluid simulation (use canvas/WebGL), or simple gradient backgrounds without wave motion.
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings.
Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
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 when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb