·web-wave-designer
*

web-wave-designer

Crea effetti realistici di onde oceaniche e acquatiche per il Web utilizzando filtri SVG (feTurbulence, feDisplacementMap), animazioni CSS e tecniche di stratificazione. Utilizzare per sfondi oceanici, distorsioni subacquee, scene di spiagge, effetti a catena, vetro liquido e interfaccia utente a tema acquatico. Attiva su "onda dell'oceano", "effetto acqua", "acqua SVG", "animazione increspata", "distorsione subacquea", "vetro liquido", "animazione delle onde", "acqua feTurbulence", "onde della spiaggia", "schiuma del mare". NON per la simulazione dell'oceano 3D (usa WebGL/Three.js), effetti video dell'acqua (usa l'editing video), simulazione di fluidi basata sulla fisica (usa canvas/WebGL) o semplici sfondi sfumati senza movimento delle onde.

49Installazioni·4Tendenza·@erichowens

Installazione

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

Come installare web-wave-designer

Installa rapidamente la skill AI web-wave-designer nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/erichowens/some_claude_skills --skill web-wave-designer
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: erichowens/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 |

Crea effetti realistici di onde oceaniche e acquatiche per il Web utilizzando filtri SVG (feTurbulence, feDisplacementMap), animazioni CSS e tecniche di stratificazione. Utilizzare per sfondi oceanici, distorsioni subacquee, scene di spiagge, effetti a catena, vetro liquido e interfaccia utente a tema acquatico. Attiva su "onda dell'oceano", "effetto acqua", "acqua SVG", "animazione increspata", "distorsione subacquea", "vetro liquido", "animazione delle onde", "acqua feTurbulence", "onde della spiaggia", "schiuma del mare". NON per la simulazione dell'oceano 3D (usa WebGL/Three.js), effetti video dell'acqua (usa l'editing video), simulazione di fluidi basata sulla fisica (usa canvas/WebGL) o semplici sfondi sfumati senza movimento delle onde. Fonte: erichowens/some_claude_skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/erichowens/some_claude_skills --skill web-wave-designer
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-11

Browse more skills from erichowens/some_claude_skills

Risposte rapide

Che cos'è web-wave-designer?

Crea effetti realistici di onde oceaniche e acquatiche per il Web utilizzando filtri SVG (feTurbulence, feDisplacementMap), animazioni CSS e tecniche di stratificazione. Utilizzare per sfondi oceanici, distorsioni subacquee, scene di spiagge, effetti a catena, vetro liquido e interfaccia utente a tema acquatico. Attiva su "onda dell'oceano", "effetto acqua", "acqua SVG", "animazione increspata", "distorsione subacquea", "vetro liquido", "animazione delle onde", "acqua feTurbulence", "onde della spiaggia", "schiuma del mare". NON per la simulazione dell'oceano 3D (usa WebGL/Three.js), effetti video dell'acqua (usa l'editing video), simulazione di fluidi basata sulla fisica (usa canvas/WebGL) o semplici sfondi sfumati senza movimento delle onde. Fonte: erichowens/some_claude_skills.

Come installo web-wave-designer?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/erichowens/some_claude_skills --skill web-wave-designer Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/erichowens/some_claude_skills