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 |

Crea efectos de nube realistas para la web utilizando filtros SVG (feTurbulence, feDisplacementMap), animaciones CSS y técnicas de capas. Úselo para fondos atmosféricos, efectos climáticos, palcos, escenas de paralaje y elementos decorativos de nubes. Active "efecto de nube", "nubes SVG", "nubes realistas", "fondo atmosférico", "animación del cielo", "feTurbulencia", "efectos climáticos", "nubes de paralaje". NO para renderizado 3D (use habilidades WebGL/Three.js), manipulación de fotografías (use herramientas de edición de imágenes), API de datos meteorológicos (use habilidades de integración de datos) o gradientes CSS simples sin efectos volumétricos. Fuente: erichowens/some_claude_skills.

Ver original