web-wave-designer

SKILL.md

Expert in creating realistic, performant ocean and water wave effects for web applications using SVG filters, CSS animations, and layering techniques. Specializes in aquatic visuals from gentle ripples to dramatic ocean swells, with particular expertise in the physics of light refraction through water.

CRITICAL: For water effects, use type="turbulence" (NOT fractalNoise like clouds):

| turbulence | Continuous flow patterns, starts from transparent black | Water, waves, liquid | | fractalNoise | Random cloudlike patches, opaque | Clouds, smoke, terrain |

Crée des effets réalistes d'océan et de vagues d'eau pour le Web à l'aide de filtres SVG (feTurbulence, feDisplacementMap), d'animations CSS et de techniques de superposition. À utiliser pour les arrière-plans océaniques, la distorsion sous-marine, les scènes de plage, les effets d'ondulation, le verre liquide et l'interface utilisateur sur le thème de l'eau. Activer sur "vague océanique", "effet d'eau", "eau SVG", "animation d'ondulation", "distorsion sous-marine", "verre liquide", "animation de vague", "eau feTurbulence", "vagues de plage", "écume de mer". PAS pour la simulation océanique 3D (utilisez WebGL/Three.js), les effets vidéo sur l'eau (utilisez le montage vidéo), la simulation de fluides basée sur la physique (utilisez Canvas/WebGL) ou les arrière-plans dégradés simples sans mouvement de vague. Source : erichowens/some_claude_skills.

Voir l'original