Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add scottstts/Threejs-Awesome-Graphics-Agent-Skills --skill threejs-atmosphere-aerial-perspectivegit clone --depth 1 https://github.com/scottstts/Threejs-Awesome-Graphics-Agent-SkillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/scottstts/threejs-awesome-graphics-agent-skills/threejs-atmosphere-aerial-perspective)<a href="https://agentmods.dev/skills/scottstts/threejs-awesome-graphics-agent-skills/threejs-atmosphere-aerial-perspective"><img src="https://agentmods.dev/badge/skills/scottstts/threejs-awesome-graphics-agent-skills/threejs-atmosphere-aerial-perspective/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/scottstts/threejs-awesome-graphics-agent-skills/threejs-atmosphere-aerial-perspective"><img src="https://agentmods.dev/badge/skills/scottstts/threejs-awesome-graphics-agent-skills/threejs-atmosphere-aerial-perspective.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00065 | $0.00571 |
| Opus 5 | $0.00032 | $0.00285 |
| Sonnet 5 | $0.00013 | $0.00114 |
| Haiku 4.5 | $0.00006 | $0.00057 |
Grade A, and why
threejs-atmosphere-aerial-perspective scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 13d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 57 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Atmosphere and Aerial Perspective
Treat sky rendering and aerial perspective as two views of the same scattering model. They must share radii, density profiles, coefficients, sun direction, exposure scale, and coordinate transforms.
This skill contains exemplary examples and assets beyond descriptive guidance, they're worth studying, referencing, or even copying. Use them sufficiently when relevant and do NOT blindly skip them.
Choose the implementation tier
- Small scene with no orbital camera: analytic height/distance approximation.
- Planetary ground-to-space camera: ray integration or precomputed LUTs.
- Large geospatial world: LUTs plus world-to-planet transform, altitude correction, and depth-aware aerial perspective.
Read references/atmosphere-system-contract.md before implementation. It separates the LUT/ellipsoid architecture from dynamic integration and the shell/post handoff.
Read the LUT sky and aerial-perspective entry
and its source/ modules for the SkyMaterial, SkyLightProbe,
SunDirectionalLight, AerialPerspectiveEffect, precomputed-texture loader,
sun/moon direction, lens flare, tone mapping, and dithering path used by the
LUT example.
Required outputs
- sky radiance;
- sun transmittance/color;
- segment transmittance from camera to visible surface;
- segment inscattering;
- optional sky irradiance for materials;
- explicit scale conversion between world units and atmosphere units.
Failure conditions
- sky and terrain haze use different sun directions or coefficients;
- the atmosphere is a uniformly transparent sphere;
- camera altitude is measured in a local flat frame during orbital motion;
- scene depth is treated as linear when it is not;
- exposure is used to hide incorrect radiance scale;
- atmosphere fades abruptly at shell entry.
Routing boundary
This skill owns molecular/aerosol sky scattering and surface-segment aerial
perspective. Use $threejs-volumetric-clouds for weather-shaped cloud density,
temporal cloud reconstruction, and cloud shadows. Use
$threejs-procedural-vfx for emissive aurora curtain volumes and their
perspective/equirectangular radiance materials, and for standalone filmic HDR
lens-flare compositors. Keep the LUT example's lens flare here when it remains
one stage in the sky-scattering and aerial-perspective composition.
What ships with it
60 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- agents/openai.yaml 242 B
- assets/lut-aerial-perspective/irradiance.bin 8.0 KB
- assets/lut-aerial-perspective/irradiance.exr 2.3 KB
- assets/lut-aerial-perspective/scattering.bin 8192 KB
- assets/lut-aerial-perspective/scattering.exr 3994 KB
- assets/lut-aerial-perspective/THIRD_PARTY_LICENSES.md 1.2 KB
- assets/lut-aerial-perspective/transmittance.bin 128 KB
- assets/lut-aerial-perspective/transmittance.exr 27 KB
- examples/lut-aerial-perspective/atmosphere-effect.js 354 B runs code
- examples/lut-aerial-perspective/source/atmosphere/AerialPerspectiveEffect.ts 20 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/AtmosphereMaterialBase.ts 8.8 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/AtmosphereParameters.ts 2.1 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/blackBodyChromaticity.ts 1.9 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/celestialDirections.ts 2.2 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/constants.ts 1.0 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/getAltitudeCorrectionOffset.ts 832 B runs code
- examples/lut-aerial-perspective/source/atmosphere/getSunLightColor.ts 3.0 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/helpers/functions.ts 882 B runs code
- examples/lut-aerial-perspective/source/atmosphere/helpers/sampleTexture.ts 1.6 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/index.ts 578 B runs code
- examples/lut-aerial-perspective/source/atmosphere/IrradianceMaskPass.ts 5.2 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/PrecomputedTexturesLoader.ts 3.7 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/shaders/aerialPerspectiveEffect.frag 11 KB
- examples/lut-aerial-perspective/source/atmosphere/shaders/aerialPerspectiveEffect.vert 2.2 KB
- examples/lut-aerial-perspective/source/atmosphere/shaders/functions.glsl 19 KB
- examples/lut-aerial-perspective/source/atmosphere/shaders/index.ts 185 B runs code
- examples/lut-aerial-perspective/source/atmosphere/shaders/irradianceMask.frag 2.1 KB
- examples/lut-aerial-perspective/source/atmosphere/shaders/parameters.glsl 478 B
- examples/lut-aerial-perspective/source/atmosphere/shaders/sky.frag 2.4 KB
- examples/lut-aerial-perspective/source/atmosphere/shaders/sky.glsl 2.5 KB
- examples/lut-aerial-perspective/source/atmosphere/shaders/sky.vert 1.7 KB
- examples/lut-aerial-perspective/source/atmosphere/shaders/stars.frag 1.1 KB
- examples/lut-aerial-perspective/source/atmosphere/shaders/stars.vert 1.5 KB
- examples/lut-aerial-perspective/source/atmosphere/SkyLightProbe.ts 4.1 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/SkyMaterial.ts 5.4 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/StarsGeometry.ts 810 B runs code
- examples/lut-aerial-perspective/source/atmosphere/StarsMaterial.ts 3.9 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/SunDirectionalLight.ts 2.4 KB runs code
- examples/lut-aerial-perspective/source/atmosphere/types.ts 519 B runs code
- examples/lut-aerial-perspective/source/effects/createHaldLookupTexture.ts 637 B runs code
- examples/lut-aerial-perspective/source/effects/DepthEffect.ts 1.6 KB runs code
- examples/lut-aerial-perspective/source/effects/DitheringEffect.ts 581 B runs code
- examples/lut-aerial-perspective/source/effects/DownsampleThresholdMaterial.ts 2.0 KB runs code
- examples/lut-aerial-perspective/source/effects/GeometryEffect.ts 2.1 KB runs code
- examples/lut-aerial-perspective/source/effects/GeometryPass.ts 1.4 KB runs code
- examples/lut-aerial-perspective/source/effects/index.ts 250 B runs code
- examples/lut-aerial-perspective/source/effects/LensFlareEffect.ts 5.4 KB runs code
- examples/lut-aerial-perspective/source/effects/LensFlareFeaturesMaterial.ts 2.3 KB runs code
- examples/lut-aerial-perspective/source/effects/NormalEffect.ts 2.8 KB runs code
- examples/lut-aerial-perspective/source/effects/setupMaterialsForGeometryPass.ts 3.1 KB runs code
- examples/lut-aerial-perspective/source/effects/shaders/depthEffect.frag 472 B
- examples/lut-aerial-perspective/source/effects/shaders/ditheringEffect.frag 207 B
- examples/lut-aerial-perspective/source/effects/shaders/downsampleThreshold.frag 2.2 KB
- examples/lut-aerial-perspective/source/effects/shaders/downsampleThreshold.vert 961 B
- examples/lut-aerial-perspective/source/effects/shaders/geometryEffect.frag 535 B
- examples/lut-aerial-perspective/source/effects/shaders/lensFlareEffect.frag 351 B
- examples/lut-aerial-perspective/source/effects/shaders/lensFlareFeatures.frag 2.4 KB
- examples/lut-aerial-perspective/source/effects/shaders/lensFlareFeatures.vert 212 B
- examples/lut-aerial-perspective/source/effects/shaders/normalEffect.frag 1.0 KB
- examples/lut-aerial-perspective/source/geospatial/ArrayBufferLoader.ts 952 B runs code
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 13d ago First seen · 57 lines · 65 tokens per session scan A eaf3db237869
threejs-atmosphere-aerial-perspective is a skill published in the GitHub repository scottstts/Threejs-Awesome-Graphics-Agent-Skills (804 stars, last pushed 2d ago), licensed MIT. It adds 65 tokens to every session and 571 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
worker-visualizer
A real-time data/particle/simulation visualizer whose heavy compute runs in a Web Worker (off the main thread), optionally sharing memory with the UI via SharedArrayBuffer, and renders to a canvas at 60fps. Produced as a single self-contained index.html. Use when the brief asks for a "web worker", "simulation"…
react-three-fiber
React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Three.js with json-render catalogs.
vgpu
Build, debug, test, and optimize WebGPU projects using vgpu, its CLI, or @vgpu packages. Use for vgpu API questions, WGSL workflows, browser or Node rendering, integrations, testing, and performance work.
matterjs
Use when implementing 2D physics interactions with Matter.js, including Engine/World setup, Render/Runner configuration, adding bodies and constraints, and scroll/interaction-friendly canvas scenes.
html-to-ugui
A pipeline for turning HTML interface prototypes into Unity UGUI Prefabs, which are reusable Unity interface objects. It uses browser-rendered layout data to preserve positions, images, text, controls, and device-adaptation intentions.
threejs-game-director
Entrypoint for building, upgrading, and finishing Three.js browser games. Routes work across the sibling threejs- skills for gameplay, graphics, UI, 3D/image/audio asset generation, debugging, and release. Use for build-a-game, upgrade, polish, premium, AAA, high-fidelity, showcase, from-scratch, endless runner…