CK42BB

Procedural Clouds Threejs — Development skill for Claude Code

Development community

Generate beautiful procedural clouds in Three.js using WebGPU raymarching with WebGL2 billboard/mesh fallbacks.

How to install Procedural Clouds Threejs

This entry records only its repository, not the path inside it, so there is no exact command to give. Open CK42BB/procedural-clouds-threejs and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Procedural Clouds Threejs does

Generate beautiful procedural clouds in Three.js using WebGPU raymarching with WebGL2 billboard/mesh fallbacks.

Alternatives in Development

Cs2 Knife — Create a high-fidelity procedural Three.js 3D reconstruction of 14.1k ★
Desloppify — Agent harness to make your slop code well-engineered and beautiful 3k ★
Beautiful Feishu Whiteboard — 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards 687 ★

README

Procedural Clouds — Claude Code Three.js Skill

A Claude Code skill for generating beautiful procedural clouds in Three.js, emphasizing **artistic quality** across all major cloud types with **WebGPU raymarching and WebGL fallbacks**.

Part of the **Teaching Three.js** skill series.

What This Skill Does

When installed, this skill teaches Claude Code how to generate procedural cloudscapes including:

Volumetric raymarching with Beer-Lambert absorption, Henyey-Greenstein phase functions, and light marching for self-shadowing
Mesh cluster clouds — instanced soft-particle spheres with cloud-type-specific profiles
Billboard clouds — camera-facing sprites with procedural noise textures for mobile/background use
All 10 cloud genera — cumulus, stratus, cirrus, cumulonimbus, stratocumulus, altocumulus, altostratus, nimbostratus, cirrostratus, cirrocumulus
Physically-inspired lighting — silver linings, subsurface scattering, two-lobe phase functions, Beer-powder bright edges
Time-of-day coloring — dawn, golden hour, sunset, twilight, and night palettes
God ray post-processing — radial blur for volumetric light shafts
WGSL 3D noise compute — GPU-generated tiling Perlin + Worley noise textures
Animated drift — wind-driven movement, formation, and dissipation

Installation

Claude Code (CLI)

claude install-skill path/to/procedural-clouds

Or copy the `procedural-clouds/` folder into your Claude Code skills directory.

Manual Usage

File	Purpose
`SKILL.md`	Main skill — three rendering paths, lighting model, presets, scene assembly
`references/cloud-shaders.md`	Complete GLSL/WGSL shaders for volumetric, mesh, billboard, god rays
`references/cloud-types.md`	All 10 cloud genera with density parameters, lighting, and artistic direction