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 |

Crée des effets de cloud réalistes pour le Web à l'aide de filtres SVG (feTurbulence, feDisplacementMap), d'animations CSS et de techniques de superposition. À utiliser pour les arrière-plans atmosphériques, les effets météorologiques, les skyboxes, les scènes de parallaxe et les éléments décoratifs de nuages. Activez sur "effet nuage", "nuages ​​SVG", "nuages ​​réalistes", "fond atmosphérique", "animation du ciel", "feTurbulence", "effets météo", "nuages ​​de parallaxe". PAS pour le rendu 3D (utilisez les compétences WebGL/Three.js), la manipulation de photos (utilisez des outils d'édition d'images), les API de données météorologiques (utilisez les compétences en intégration de données) ou les dégradés CSS simples sans effets volumétriques. Source : erichowens/some_claude_skills.

Voir l'original