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 |

Crea efectos realistas de olas de mar y agua para la web utilizando filtros SVG (feTurbulence, feDisplacementMap), animaciones CSS y técnicas de capas. Úselo para fondos oceánicos, distorsión submarina, escenas de playa, efectos dominó, vidrio líquido e interfaz de usuario con temas acuáticos. Activar en "ola del océano", "efecto de agua", "agua SVG", "animación de ondas", "distorsión submarina", "vidrio líquido", "animación de olas", "agua de turbulencia", "olas de playa", "espuma de mar". NO para simulación de océanos en 3D (use WebGL/Three.js), efectos de agua en video (use edición de video), simulación de fluidos basada en la física (use lienzo/WebGL) o fondos degradados simples sin movimiento de olas. Fuente: erichowens/some_claude_skills.

Ver original