procedural-starfield

Generate procedural night skies and celestial phenomena in Three.js.

3|1|Updated Feb 9, 2026
One-click install
npx skills add https://github.com/CK42BB/procedural-stars-threejs --skill procedural-starfield
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: procedural-starfield
Source: https://github.com/CK42BB/procedural-stars-threejs/tree/main
Command: npx skills add https://github.com/CK42BB/procedural-stars-threejs --skill procedural-starfield

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of complex and realistic night sky scenes in Three.js, eliminating the need for manual asset creation or complex shader programming.

Core Features & Use Cases

  • Procedural Starfields: Generates scientifically-grounded starfields with accurate spectral colors and brightness.
  • Celestial Phenomena: Renders nebulae (emission, reflection, dark, planetary, supernova remnants), the Milky Way, moons, shooting stars, comets, and eclipses.
  • Layered Rendering: Orchestrates multiple sky layers (dome, stars, nebulae, etc.) for a cohesive scene.
  • Use Case: Create a breathtaking backdrop for a space simulation game, a visualization for astronomical data, or a serene environment for a virtual reality experience.

Quick Start

Generate a pristine mountain night sky with vivid Milky Way and shooting stars.

Frequently Asked Questions about procedural-starfield

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a procedural starfield in Three.js with accurate star colors and brightness?

Generate a procedural starfield in Three.js by using WebGPU compute with WebGL2 fallback to render scientifically-grounded stars. This approach automatically applies spectral color temperature, magnitude-based brightness, and twinkling effects without manual shader programming.

Can I render volumetric nebulae and the Milky Way band using WebGPU compute in Three.js?

Yes, you can render volumetric nebulae and the Milky Way band using WebGPU compute in Three.js. The process orchestrates multiple sky layers to display emission, absorption, and reflection nebula types alongside the galactic band for a cohesive celestial scene.

Does this procedural sky generation approach support time-of-night progression and moon phases?

Procedural sky generation supports time-of-night progression and moon phases through a full sky dome controller. It dynamically renders planets and moons with phase lighting, horizon glow, and optional constellation line overlays as the night progresses.

What is the best way to add shooting stars, aurora integration, and comets to a night sky visualization?

The best way to add shooting stars, aurora integration, and comets to a night sky visualization is using automated procedural generation. It renders meteor showers, aurora effects, and comets with ion and dust tails directly within the Three.js layered sky dome.

Are there limitations when using WebGL2 fallback instead of WebGPU for rendering celestial phenomena?

When using WebGL2 fallback instead of WebGPU for rendering celestial phenomena, performance may be constrained during complex layer orchestration. The fallback ensures compatibility across environments but may not match the compute efficiency of WebGPU for deep-sky backdrops and galaxies.