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 アニメーション、およびレイヤー化技術を使用して、Web 用のリアルな雲エフェクトを作成します。大気の背景、気象効果、スカイボックス、視差シーン、装飾的な雲の要素に使用します。 「雲効果」、「SVG雲」、「リアル雲」、「大気背景」、「空アニメーション」、「feTurbulence」、「天気効果」、「視差雲」で有効化します。 3D レンダリング (WebGL/Three.js スキルを使用)、写真操作 (画像編集ツールを使用)、気象データ API (データ統合スキルを使用)、または体積効果のない単純な CSS グラデーションには使用できません。 ソース: erichowens/some_claude_skills。

原文を見る