·web-wave-designer
*

web-wave-designer

Создает реалистичные эффекты океана и водных волн для Интернета с помощью SVG-фильтров (feTurbulence, feDisplacementMap), CSS-анимации и методов наложения слоев. Используйте для фона океана, подводных искажений, пляжных сцен, эффектов ряби, жидкого стекла и пользовательского интерфейса на водную тематику. Активируйте «океанскую волну», «эффект воды», «воду SVG», «анимацию ряби», «подводное искажение», «жидкое стекло», «анимацию волн», «воду feTurbulence», «пляжные волны», «морскую пену». НЕ для 3D-моделирования океана (используйте WebGL/Three.js), видеоэффектов воды (используйте редактирование видео), моделирования жидкости на основе физики (используйте Canvas/WebGL) или простых градиентных фонов без волнового движения.

11Установки·0Тренд·@curiositech

Установка

$npx skills add https://github.com/curiositech/some_claude_skills --skill web-wave-designer

Как установить web-wave-designer

Быстро установите AI-навык web-wave-designer в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/curiositech/some_claude_skills --skill web-wave-designer
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: curiositech/some_claude_skills.

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», «анимацию ряби», «подводное искажение», «жидкое стекло», «анимацию волн», «воду feTurbulence», «пляжные волны», «морскую пену». НЕ для 3D-моделирования океана (используйте WebGL/Three.js), видеоэффектов воды (используйте редактирование видео), моделирования жидкости на основе физики (используйте Canvas/WebGL) или простых градиентных фонов без волнового движения. Источник: curiositech/some_claude_skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/curiositech/some_claude_skills --skill web-wave-designer
Категория
*Креатив
Проверено
Впервые замечено
2026-03-10
Обновлено
2026-03-11

Browse more skills from curiositech/some_claude_skills

Короткие ответы

Что такое web-wave-designer?

Создает реалистичные эффекты океана и водных волн для Интернета с помощью SVG-фильтров (feTurbulence, feDisplacementMap), CSS-анимации и методов наложения слоев. Используйте для фона океана, подводных искажений, пляжных сцен, эффектов ряби, жидкого стекла и пользовательского интерфейса на водную тематику. Активируйте «океанскую волну», «эффект воды», «воду SVG», «анимацию ряби», «подводное искажение», «жидкое стекло», «анимацию волн», «воду feTurbulence», «пляжные волны», «морскую пену». НЕ для 3D-моделирования океана (используйте WebGL/Three.js), видеоэффектов воды (используйте редактирование видео), моделирования жидкости на основе физики (используйте Canvas/WebGL) или простых градиентных фонов без волнового движения. Источник: curiositech/some_claude_skills.

Как установить web-wave-designer?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/curiositech/some_claude_skills --skill web-wave-designer После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/curiositech/some_claude_skills