Skills
.Work. You
Rest

procedural-clouds

Community

Render stunning procedural clouds in Three.js

Software Engineering#three.js#webgpu#volumetric#procedural#raymarching#clouds#skybox
AuthorCK42BB
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Generates physically-inspired, artistically-lit procedural clouds to enrich Three.js scenes, replacing flat skies with volumetric, shader-driven cloudscapes.

Core Features & Use Cases

  • Volumetric raymarching for high-fidelity clouds with lighting, shading, and self-shadowing.
  • Mesh-cluster and billboard cloud paths with WebGL2 fallbacks for broad compatibility.
  • Time-of-day coloring, god rays, and wind-driven drift for dynamic skies.
  • Use cases include skyboxes, weather environments, flight scenes, and atmospheric backdrops.

Quick Start

Install the Procedural Clouds skill to enable volumetric cloud rendering in Three.js using WebGPU raymarching with WebGL2 fallbacks.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: procedural-clouds
Download link: https://github.com/CK42BB/procedural-clouds-threejs/archive/main.zip#procedural-clouds

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.