web-wave-designer

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 |

ينشئ تأثيرات واقعية للمحيطات وموجات المياه للويب باستخدام مرشحات SVG (feTurbulence وfeDisplacementMap) ورسوم CSS المتحركة وتقنيات الطبقات. يُستخدم لخلفيات المحيط، والتشويه تحت الماء، ومشاهد الشاطئ، وتأثيرات التموج، والزجاج السائل، وواجهة المستخدم ذات الطابع المائي. قم بالتنشيط على "موجة المحيط"، "تأثير الماء"، "مياه SVG"، "الرسوم المتحركة المموجة"، "التشويه تحت الماء"، "الزجاج السائل"، "الرسوم المتحركة الموجية"، "ماء مضطرب"، "أمواج الشاطئ"، "رغوة البحر". ليس لمحاكاة المحيطات ثلاثية الأبعاد (استخدم WebGL/Three.js)، أو تأثيرات مياه الفيديو (استخدم تحرير الفيديو)، أو محاكاة السوائل القائمة على الفيزياء (استخدم قماش/WebGL)، أو الخلفيات المتدرجة البسيطة بدون حركة موجية. المصدر: erichowens/some_claude_skills.