skills.rest
CK42BBCK42BBCommunity·1 Agent Skills Included

procedural-clouds-threejs

Procedural Three.js cloudscapes with volumetric lighting and shaders

Generates realistic procedural clouds in Three.js using volumetric raymarching, mesh clusters, and billboard sprites. Covers all 10 cloud genera with physically-inspired lighting, silver linings, god rays, and time-of-day coloring. Eliminates hand-writing complex GLSL and WGSL shaders for skies, weather scenes, and atmospheric backgrounds. Includes ready-made presets and fallback rendering paths for desktop and mobile browsers.
41|6
↗
npx skills add CK42BB/procedural-clouds-threejs --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
CK42BBCK42BB

procedural-clouds

Generate volumetric cloudscapes in Three.js using WebGPU raymarching with WebGL2 fallbacks.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install procedural-clouds-threejs?▼

Run `npx skills add CK42BB/procedural-clouds-threejs --all -g -y` in your terminal to install this skill globally.

How to render realistic clouds in Three.js?▼

This skill generates volumetric raymarched clouds with Beer-Lambert absorption, Henyey-Greenstein scattering, and self-shadowing, plus cheaper mesh and billboard fallbacks for WebGL2 and mobile.

Which cloud types can it generate?▼

It covers all 10 major cloud genera, including cumulus, stratus, cirrus, and cumulonimbus, each with tuned density, lighting, and artistic parameters.

Does it work without WebGPU?▼

Yes. WebGPU enables the highest-quality raymarching path, while mesh cluster and billboard sprite paths run on WebGL2 in all modern browsers.

Can I create sunset or storm cloud scenes?▼

Yes. Built-in time-of-day palettes, silver linings, and god ray post-processing let you produce golden hour, sunset, twilight, and dramatic storm scenes from simple prompts.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills