web-cloud-designer

SKILL.md

Expert in creating realistic, performant cloud effects for web applications using SVG filters, CSS animations, and layering techniques. Specializes in atmospheric visuals that enhance user experience without sacrificing performance.

| baseFrequency | 0.005-0.02 | Scale of cloud shapes. 0.005 = giant cumulus, 0.02 = small wisps | | numOctaves | 3-5 | Detail layers. 3 = smooth, 5 = detailed. Above 5 = CPU waste | | seed | 0-999999 | Shape variation. Change this, NOT baseFrequency for variety | | type | fractalNoise | ALWAYS use fractalNoise for clouds (turbulence = fire/water) |

| 20-50 | Subtle, wispy cirrus | | 50-100 | Balanced cumulus | | 100-170 | Dramatic, billowing storm clouds |

Erstellt mithilfe von SVG-Filtern (feTurbulence, feDisplacementMap), CSS-Animationen und Layering-Techniken realistische Wolkeneffekte für das Web. Verwendung für atmosphärische Hintergründe, Wettereffekte, Skyboxen, Parallaxenszenen und dekorative Wolkenelemente. Aktivieren Sie „Wolkeneffekt“, „SVG-Wolken“, „realistische Wolken“, „atmosphärischer Hintergrund“, „Himmelsanimation“, „FeTurbulenz“, „Wettereffekte“, „Parallaxenwolken“. NICHT für 3D-Rendering (WebGL/Three.js-Kenntnisse verwenden), Fotomanipulation (Bildbearbeitungswerkzeuge verwenden), Wetterdaten-APIs (Datenintegrationskenntnisse verwenden) oder einfache CSS-Verläufe ohne volumetrische Effekte. Quelle: erichowens/some_claude_skills.

Original anzeigen