atmosphere-shader

Solid

Generate physically-based atmospheric scattering shaders — sky domes, planetary atmospheres, LUT-optimized pipelines, depth-aware post-processing. Four modes — sky-dome, atmosphere-post, planet, lut. Triggers on atmospheric scattering, sky shader, sunset rendering, planet atmosphere, Rayleigh scattering, Mie scattering, volumetric sky, sky dome, atmosphere post-processing, aerial perspective, transmittance LUT, sky rendering, realistic sky, planetary rendering.

Web & Frontend 41 stars 3 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
54
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Atmosphere Shader Skill Render physically-accurate skies, sunsets, and planetary atmospheres through atmospheric scattering — Rayleigh, Mie, and Ozone models composed via raymarching in GLSL fragment shaders. Four progressive modes from flat backdrop to LUT-optimized planetary pipeline. ## Modes | Mode | Output | Complexity | |------|--------|------------| | `sky-dome` | Single-pass fragment shader, flat sky backdrop | Entry point | | `atmosphere-post` | Depth-aware post-processing effect with atmospheric fog | Intermediate | | `planet` | Spherical atmosphere shell around a mesh, logarithmic depth | Advanced | | `lut` | Transmittance + Sky View + Aerial Perspective LUTs, FBO pipeline | Production | ## Gotchas — What Claude Gets Wrong These are the highest-signal items in this skill. Every one is a concrete, reproducible failure mode. ### 1. Wrong scattering coefficients Claude invents plausible-looking but physically incorrect beta values. Use these exact constants for Earth: ```glsl const vec3 BETA_R = vec3(5.8e-3, 13.5e-3, 33.1e-3); // Rayleigh scattering (1/km) const float BETA_M_SCATTER = 21e-3; // Mie scattering const float BETA_M_EXT = 21e-3 * 1.1; // Mie extinction (scatter + absorb) const vec3 BETA_OZONE_ABS = vec3(0.65e-3, 1.881e-3, 0.085e-3); // Ozone absorption const float RAYLEIGH_SCALE_HEIGHT = 8.0; // km const float MIE_SCALE_HEIGHT = 1.2; // km const float MIE_G = 0.76; // Henyey-Gre...

Details

Author
tdimino
Repository
tdimino/claude-code-minoan
Created
7 months ago
Last Updated
yesterday
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

unity-materials-shaders

Use when creating, inspecting, or changing materials, shaders, Shader Graphs, shader properties, keywords, or render-material diagnostics.

27 Updated today
german-krasnikov
Web & Frontend Listed

shaders

Guides building GPU-accelerated visual effects in React / Next.js with the `shaders` npm package from shaders.com — declarative `<Shader>` component trees, composition (stacking, nesting, blend modes, masking), reactive props, dynamic prop drivers (`auto-animate`, `mouse-position`, `map`), shape (SDF) effects, color space, performance budget (RTT / generator vs filter), and SSR safety. Use when the user asks to add a "shader background", "WebGPU effect", "aurora / plasma / swirl / glass / cursor-trail" hero, mentions shaders.com, the `shaders/react` package, the `<Shader>` component, or wants animated GPU-rendered visuals in a React or Next.js app. Not for raw GLSL / WebGL / Three.js / react-three-fiber work — those use different APIs.

2 Updated 4 days ago
Firzus
Web & Frontend Solid

rocaille-shader

Generate Rocaille-style domain warping shaders, mouse-reactive liquid logo effects, depth-map parallax heroes (Astryx-style hover-reactive statues), and stable fluid simulations over live DOM. Four modes — rocaille, liquid-logo, astryx-statue, fluid-dom. Triggers on shader art, depth parallax, hover-reactive depth map, statue hero, fluid sim, liquid logo, WebGL visualization, procedural background, pointer-reactive fluid.

41 Updated yesterday
tdimino