Individual skill
threejs-volumetric-clouds
Implement volumetric cloud systems in Three.js. Use for weather-driven density, bounded raymarching, shape/detail erosion, vertical profiles, lighting cones, silver lining, temporal reconstruction, cloud shadows, multiple layers, and scalable quality modes.
skills/threejs-volumetric-clouds/SKILL.md
Source commit 53eb5a24097425d82532ec33697ad472750132a4
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 4, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 981
- Repository last updated
- Oct 22, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- engineering Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 2,580 bytesSKILL.mdcore · 2,580 bytesagents/openai.yamlasset · 327 bytesassets/weather-volume-clouds/THIRD_PARTY_LICENSES.mddoc · 1,218 bytesassets/weather-volume-clouds/atmosphere/irradiance.exrasset · 2,306 bytesassets/weather-volume-clouds/atmosphere/scattering.exrasset · 4,089,916 bytesassets/weather-volume-clouds/atmosphere/transmittance.exrasset · 28,047 bytesassets/weather-volume-clouds/local_weather.pngasset · 679,653 bytesassets/weather-volume-clouds/shape.binasset · 2,097,152 bytesassets/weather-volume-clouds/shape_detail.binasset · 32,768 bytesassets/weather-volume-clouds/stbn.binasset · 1,048,576 bytesassets/weather-volume-clouds/turbulence.pngasset · 49,691 bytesexamples/weather-volume-clouds/cloud-effect.jsruns · 410 bytesexamples/weather-volume-clouds/example-render.jpegasset · 122,462 bytesexamples/weather-volume-clouds/source/atmosphere/AerialPerspectiveEffect.tsruns · 20,175 bytesexamples/weather-volume-clouds/source/atmosphere/AtmosphereMaterialBase.tsruns · 9,005 bytesexamples/weather-volume-clouds/source/atmosphere/AtmosphereParameters.tsruns · 2,183 bytesexamples/weather-volume-clouds/source/atmosphere/IrradianceMaskPass.tsruns · 5,280 bytesexamples/weather-volume-clouds/source/atmosphere/PrecomputedTexturesLoader.tsruns · 3,816 bytesexamples/weather-volume-clouds/source/atmosphere/SkyLightProbe.tsruns · 4,226 bytesexamples/weather-volume-clouds/source/atmosphere/SkyMaterial.tsruns · 5,490 bytesexamples/weather-volume-clouds/source/atmosphere/StarsGeometry.tsruns · 810 bytesexamples/weather-volume-clouds/source/atmosphere/StarsMaterial.tsruns · 3,983 bytesexamples/weather-volume-clouds/source/atmosphere/SunDirectionalLight.tsruns · 2,485 bytesexamples/weather-volume-clouds/source/atmosphere/blackBodyChromaticity.tsruns · 1,910 bytesexamples/weather-volume-clouds/source/atmosphere/celestialDirections.tsruns · 2,288 bytesexamples/weather-volume-clouds/source/atmosphere/constants.tsruns · 1,071 bytesexamples/weather-volume-clouds/source/atmosphere/getAltitudeCorrectionOffset.tsruns · 832 bytesexamples/weather-volume-clouds/source/atmosphere/getSunLightColor.tsruns · 3,060 bytesexamples/weather-volume-clouds/source/atmosphere/helpers/functions.tsruns · 882 bytesexamples/weather-volume-clouds/source/atmosphere/helpers/sampleTexture.tsruns · 1,681 bytesexamples/weather-volume-clouds/source/atmosphere/index.tsruns · 578 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/aerialPerspectiveEffect.fragasset · 11,290 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/aerialPerspectiveEffect.vertasset · 2,302 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/functions.glslasset · 19,639 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/index.tsruns · 185 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/irradianceMask.fragasset · 2,146 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/parameters.glslasset · 478 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/sky.fragasset · 2,494 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/sky.glslasset · 2,574 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/sky.vertasset · 1,781 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/stars.fragasset · 1,111 bytesexamples/weather-volume-clouds/source/atmosphere/shaders/stars.vertasset · 1,567 bytesexamples/weather-volume-clouds/source/atmosphere/types.tsruns · 519 bytesexamples/weather-volume-clouds/source/clouds/CascadedShadowMaps.tsruns · 8,477 bytesexamples/weather-volume-clouds/source/clouds/CloudLayer.tsruns · 2,029 bytesexamples/weather-volume-clouds/source/clouds/CloudLayers.tsruns · 4,701 bytesexamples/weather-volume-clouds/source/clouds/CloudShape.tsruns · 666 bytesexamples/weather-volume-clouds/source/clouds/CloudShapeDetail.tsruns · 692 bytesexamples/weather-volume-clouds/source/clouds/CloudsEffect.tsruns · 24,009 bytesexamples/weather-volume-clouds/source/clouds/CloudsMaterial.tsruns · 15,070 bytesexamples/weather-volume-clouds/source/clouds/CloudsPass.tsruns · 8,586 bytesexamples/weather-volume-clouds/source/clouds/CloudsResolveMaterial.tsruns · 3,178 bytesexamples/weather-volume-clouds/source/clouds/DensityProfile.tsruns · 891 bytesexamples/weather-volume-clouds/source/clouds/LocalWeather.tsruns · 588 bytesexamples/weather-volume-clouds/source/clouds/PassBase.tsruns · 579 bytesexamples/weather-volume-clouds/source/clouds/Procedural3DTexture.tsruns · 2,462 bytesexamples/weather-volume-clouds/source/clouds/ProceduralTexture.tsruns · 2,306 bytesexamples/weather-volume-clouds/source/clouds/ShaderArrayPass.tsruns · 907 bytesexamples/weather-volume-clouds/source/clouds/ShadowMaterial.tsruns · 3,944 bytesexamples/weather-volume-clouds/source/clouds/ShadowPass.tsruns · 5,778 bytesexamples/weather-volume-clouds/source/clouds/ShadowResolveMaterial.tsruns · 2,096 bytesexamples/weather-volume-clouds/source/clouds/Turbulence.tsruns · 584 bytesexamples/weather-volume-clouds/source/clouds/bayer.tsruns · 495 bytesexamples/weather-volume-clouds/source/clouds/constants.tsruns · 830 bytesexamples/weather-volume-clouds/source/clouds/helpers/FrustumCorners.tsruns · 4,169 bytesexamples/weather-volume-clouds/source/clouds/helpers/setArrayRenderTargetLayers.tsruns · 882 bytesexamples/weather-volume-clouds/source/clouds/helpers/splitFrustum.tsruns · 1,617 bytesexamples/weather-volume-clouds/source/clouds/index.tsruns · 490 bytesexamples/weather-volume-clouds/source/clouds/qualityPresets.tsruns · 3,330 bytesexamples/weather-volume-clouds/source/clouds/shaders/catmullRomSampling.glslasset · 4,990 bytesexamples/weather-volume-clouds/source/clouds/shaders/cloudShape.fragasset · 2,636 bytesexamples/weather-volume-clouds/source/clouds/shaders/cloudShapeDetail.fragasset · 1,962 bytesexamples/weather-volume-clouds/source/clouds/shaders/clouds.fragasset · 31,740 bytesexamples/weather-volume-clouds/source/clouds/shaders/clouds.glslasset · 6,075 bytesexamples/weather-volume-clouds/source/clouds/shaders/clouds.vertasset · 2,005 bytesexamples/weather-volume-clouds/source/clouds/shaders/cloudsEffect.fragasset · 390 bytesexamples/weather-volume-clouds/source/clouds/shaders/cloudsResolve.fragasset · 6,207 bytesexamples/weather-volume-clouds/source/clouds/shaders/cloudsResolve.vertasset · 173 bytesexamples/weather-volume-clouds/source/clouds/shaders/localWeather.fragasset · 1,612 bytesexamples/weather-volume-clouds/source/clouds/shaders/parameters.glslasset · 1,639 bytesexamples/weather-volume-clouds/source/clouds/shaders/perlin.glslasset · 8,173 bytesexamples/weather-volume-clouds/source/clouds/shaders/shadow.fragasset · 6,331 bytesexamples/weather-volume-clouds/source/clouds/shaders/shadow.vertasset · 324 bytesexamples/weather-volume-clouds/source/clouds/shaders/shadowResolve.fragasset · 1,901 bytesexamples/weather-volume-clouds/source/clouds/shaders/shadowResolve.vertasset · 173 bytesexamples/weather-volume-clouds/source/clouds/shaders/structuredSampling.glslasset · 3,127 bytesexamples/weather-volume-clouds/source/clouds/shaders/tileableNoise.glslasset · 3,001 bytesexamples/weather-volume-clouds/source/clouds/shaders/turbulence.fragasset · 1,277 bytesexamples/weather-volume-clouds/source/clouds/shaders/types.glslasset · 248 bytesexamples/weather-volume-clouds/source/clouds/shaders/varianceClipping.glslasset · 3,508 bytesexamples/weather-volume-clouds/source/clouds/uniforms.tsruns · 7,465 bytesexamples/weather-volume-clouds/source/effects/DepthEffect.tsruns · 1,689 bytesexamples/weather-volume-clouds/source/effects/DitheringEffect.tsruns · 581 bytesexamples/weather-volume-clouds/source/effects/DownsampleThresholdMaterial.tsruns · 2,035 bytesexamples/weather-volume-clouds/source/effects/GeometryEffect.tsruns · 2,154 bytesexamples/weather-volume-clouds/source/effects/GeometryPass.tsruns · 1,389 bytesexamples/weather-volume-clouds/source/effects/LensFlareEffect.tsruns · 5,480 bytesexamples/weather-volume-clouds/source/effects/LensFlareFeaturesMaterial.tsruns · 2,322 bytesexamples/weather-volume-clouds/source/effects/NormalEffect.tsruns · 2,912 bytesexamples/weather-volume-clouds/source/effects/createHaldLookupTexture.tsruns · 637 bytesexamples/weather-volume-clouds/source/effects/index.tsruns · 250 bytesexamples/weather-volume-clouds/source/effects/setupMaterialsForGeometryPass.tsruns · 3,129 bytesexamples/weather-volume-clouds/source/effects/shaders/depthEffect.fragasset · 472 bytesexamples/weather-volume-clouds/source/effects/shaders/ditheringEffect.fragasset · 207 bytesexamples/weather-volume-clouds/source/effects/shaders/downsampleThreshold.fragasset · 2,280 bytesexamples/weather-volume-clouds/source/effects/shaders/downsampleThreshold.vertasset · 961 bytesexamples/weather-volume-clouds/source/effects/shaders/geometryEffect.fragasset · 535 bytesexamples/weather-volume-clouds/source/effects/shaders/lensFlareEffect.fragasset · 351 bytesexamples/weather-volume-clouds/source/effects/shaders/lensFlareFeatures.fragasset · 2,414 bytesexamples/weather-volume-clouds/source/effects/shaders/lensFlareFeatures.vertasset · 212 bytesexamples/weather-volume-clouds/source/effects/shaders/normalEffect.fragasset · 1,054 bytesexamples/weather-volume-clouds/source/geospatial/ArrayBufferLoader.tsruns · 952 bytesexamples/weather-volume-clouds/source/geospatial/DataLoader.tsruns · 4,799 bytesexamples/weather-volume-clouds/source/geospatial/EXR3DLoader.tsruns · 1,259 bytesexamples/weather-volume-clouds/source/geospatial/Ellipsoid.tsruns · 4,238 bytesexamples/weather-volume-clouds/source/geospatial/EllipsoidGeometry.tsruns · 3,089 bytesexamples/weather-volume-clouds/source/geospatial/Geodetic.tsruns · 4,283 bytesexamples/weather-volume-clouds/source/geospatial/PointOfView.tsruns · 4,611 bytesexamples/weather-volume-clouds/source/geospatial/Rectangle.tsruns · 2,147 bytesexamples/weather-volume-clouds/source/geospatial/STBNLoader.tsruns · 598 bytesexamples/weather-volume-clouds/source/geospatial/Texture3DLoader.tsruns · 2,406 bytesexamples/weather-volume-clouds/source/geospatial/TileCoordinate.tsruns · 2,486 bytesexamples/weather-volume-clouds/source/geospatial/TilingScheme.tsruns · 2,415 bytesexamples/weather-volume-clouds/source/geospatial/TypedArrayLoader.tsruns · 1,478 bytesexamples/weather-volume-clouds/source/geospatial/assertions.tsruns · 69 bytesexamples/weather-volume-clouds/source/geospatial/bufferGeometry.tsruns · 1,927 bytesexamples/weather-volume-clouds/source/geospatial/constants.tsruns · 326 bytesexamples/weather-volume-clouds/source/geospatial/decorators.tsruns · 6,157 bytesexamples/weather-volume-clouds/source/geospatial/defineShorthand.tsruns · 2,222 bytesexamples/weather-volume-clouds/source/geospatial/helpers/projectOnEllipsoidSurface.tsruns · 2,221 bytesexamples/weather-volume-clouds/source/geospatial/index.tsruns · 701 bytesexamples/weather-volume-clouds/source/geospatial/math.tsruns · 1,859 bytesexamples/weather-volume-clouds/source/geospatial/resolveIncludes.tsruns · 687 bytesexamples/weather-volume-clouds/source/geospatial/shaders/cascadedShadowMaps.glslasset · 2,409 bytesexamples/weather-volume-clouds/source/geospatial/shaders/depth.glslasset · 525 bytesexamples/weather-volume-clouds/source/geospatial/shaders/generators.glslasset · 238 bytesexamples/weather-volume-clouds/source/geospatial/shaders/index.tsruns · 973 bytesexamples/weather-volume-clouds/source/geospatial/shaders/interleavedGradientNoise.glslasset · 264 bytesexamples/weather-volume-clouds/source/geospatial/shaders/math.glslasset · 2,434 bytesexamples/weather-volume-clouds/source/geospatial/shaders/packing.glslasset · 505 bytesexamples/weather-volume-clouds/source/geospatial/shaders/raySphereIntersection.glslasset · 3,750 bytesexamples/weather-volume-clouds/source/geospatial/shaders/transform.glslasset · 343 bytesexamples/weather-volume-clouds/source/geospatial/shaders/turbo.glslasset · 476 bytesexamples/weather-volume-clouds/source/geospatial/shaders/vogelDisk.glslasset · 401 bytesexamples/weather-volume-clouds/source/geospatial/typedArray.tsruns · 1,059 bytesexamples/weather-volume-clouds/source/geospatial/typedArrayParsers.tsruns · 3,055 bytesexamples/weather-volume-clouds/source/geospatial/types.tsruns · 251 bytesexamples/weather-volume-clouds/source/geospatial/unrollLoops.tsruns · 714 bytesexamples/weather-volume-clouds/source/vendor/tiny-invariant.tsruns · 301 bytesexamples/weather-volume-clouds/source/vendor/url-join.tsruns · 716 bytesreferences/weather-volume-and-reconstruction.mddoc · 13,533 bytes
Read excerpt
# Volumetric Clouds
Cloud quality comes from density organization, lighting, and temporal stability—not from increasing march steps over unstructured noise.
This skill contains exemplary examples and assets beyond descriptive guidance,
they're worth studying, referencing, or even copying. Use them sufficiently
when relevant and do NOT blindly skip them.
## System order
1. Define the cloud volume and layer bounds.
2. Generate or source weather, base-shape, detail, and turbulence fields.
3. Build a density function with vertical and weather profiles.
4. Raymarch only the bounded occupied segment.