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 |

SVG 필터(feTurbulence, feDisplacementMap), CSS 애니메이션 및 레이어링 기술을 사용하여 웹에 대한 사실적인 구름 효과를 만듭니다. 대기 배경, 날씨 효과, 스카이박스, 시차 장면 및 장식적인 구름 요소에 사용합니다. "구름 효과", "SVG 구름", "현실적인 구름", "대기 배경", "하늘 애니메이션", "feTurbulence", "날씨 효과", "시차 구름"을 활성화합니다. 3D 렌더링(WebGL/Three.js 기술 사용), 사진 조작(이미지 편집 도구 사용), 날씨 데이터 API(데이터 통합 ​​기술 사용) 또는 체적 효과가 없는 간단한 CSS 그라데이션에는 적합하지 않습니다. 출처: erichowens/some_claude_skills.

원본 보기