Procedural Stars Threejs — Development skill for Claude Code
Generate stunning procedural night skies, starfields, nebulae, and celestial phenomena in Three.js using WebGPU compute with WebGL2 fallback.
How to install Procedural Stars Threejs
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open CK42BB/procedural-stars-threejs and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Procedural Stars Threejs does
Generate stunning procedural night skies, starfields, nebulae, and celestial phenomena in Three.js using WebGPU compute with WebGL2 fallback.
Alternatives in Development
- Cs2 Knife — Create a high-fidelity procedural Three.js 3D reconstruction of 14.1k ★
- Ccusage — CLI for analyzing Claude Code/Codex usage from local JSONL files 11.8k ★
- Microsandbox — Open-source self-hosted MicroVM sandboxes with sub-200ms startup, hardware-level isolation via libkrun 5k ★
README
Procedural Starfield & Celestial Phenomena - Three.js Skill
A Claude Code skill for generating stunning procedural night skies in Three.js — from scientifically-grounded starfields to dreamy nebulae to dramatic celestial events. **WebGPU compute with WebGL2 fallback**.
Part of the **Teaching Three.js** skill series.
What This Skill Does
When installed, this skill teaches Claude Code how to generate complete night skies including:
- Starfield with blackbody spectral colors (O through M class), magnitude-based brightness/sizing, multi-frequency twinkle, and diffraction spikes on bright stars
- Sky dome with multi-stop gradient, horizon glow, light pollution, zodiacal light, and moon halo
- Milky Way band with FBM structure, dust lane subtraction, Sagittarius core brightening, and warm/cool tinting
- Nebulae — 5 types: emission (H-alpha/OIII/SII), reflection (blue scattering), dark (absorption silhouettes), planetary (shell structures), supernova remnants (filamentary). Volumetric raymarching on WebGPU, billboard sprites on WebGL
- Moon with procedural Voronoi craters, phase-accurate lighting, earthshine on dark side, and atmospheric glow sprite
- Shooting stars / meteors with flare-and-fade lifecycle and configurable shower rates
- Comets with dual-tail rendering (straight ion tail + curved dust tail)
- Eclipses — solar (corona, diamond ring) and lunar (blood red)
- Constellations with RA/Dec star positioning and line overlays
- Deep-sky presets — Orion, Pillars of Creation, Horsehead, Ring, Crab, Pleiades
- Sky controller orchestrating all layers with time-of-night progression
- WGSL compute for GPU star catalog generation with spectral distribution
Installation
Claude Code (CLI)
claude install-skill path/to/procedural-starfieldOr copy the `procedural-starfield/` folder into your Claude Code skills directory.
Manual Usage
| File | Purpose |
|---|---|
SKILL.md |
Main s |
Related Skills
Procedural Grass Threejs
Generate procedural grass fields in Three.js using WebGPU compute with automatic WebGL2 fallback.
Procedural Weather Threejs
Generate dynamic procedural weather effects in Three.js using WebGPU compute with WebGL2 fallback.
Procedural Landscapes Threejs
Generate procedural 3D landscapes and terrain in Three.js using WebGPU compute shaders with automatic WebGL2 f
Procedural Clouds Threejs
Generate beautiful procedural clouds in Three.js using WebGPU raymarching with WebGL2 billboard/mesh fallbacks
Threejs Hero Skill
Claude Code skill: build immersive Three.js landing pages as a single HTML file — foggy 3D world, DOM overlay,
Webgpu Claude Skill
A Claude skill for developing WebGPU applications with Three.js.
Related Agents
Threejs Tsl Shader Engineer
Master of three.js shading code — TSL (Three Shading Language) node graphs, node materials, compute shaders an
Three D Specialist
Web 3D engineer. Delegates here for Three.js, React Three Fiber, WebGPU, WebGL, TSL shaders, scroll-driven sce
Skills
Maintainer of the operational run-book skills (skills//SKILL.md) — run-session, autonomous-night, observing-pl
