Skip to content
Get packs

3D Sky Background

Builds a camera-correct 3D sky with horizon haze, matched sunlight, and day-to-night transitions.

Source Download skill
Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
3 files

What it does

When installed, the agent approaches a 3D sky as a complete environment rather than a flat backdrop. It inspects the project's renderer and assets, chooses between a procedural sky and a panorama image, and makes the visible sky, reflections and sunlight agree. It also gives guidance on avoiding seams, stretched clouds, colour mistakes and slow rebuilds of lighting data, and on handling day, dusk and night changes.

Great for

  • Developers building outdoor or architectural 3D scenes in a web or real-time engine
  • Designers who need a believable sky with matching sun direction and lighting
  • Teams adding golden hour or day-to-night transitions to an existing 3D project

Skip it if

  • Simple 2D illustrations or static images, because the guidance targets real-time 3D rendering pipelines
  • Projects that do not use a 3D renderer, since the instructions assume engine concepts such as PMREM and clipping ranges

Try asking

  • “Add a procedural sky with a warm horizon and cooler zenith to my Three.js scene”
  • “Make the sun direction in my 3D scene match the sky panorama I already have”
  • “Create a smooth day-to-night sky transition with stars fading in after dusk”
  • “Check my sky dome for seams and camera translation parallax while orbiting”
Step-by-step guide: how to use 3D Sky BackgroundInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the MIT licence and an attribution note.

    3d-sky-background.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip 3d-sky-background.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip 3d-sky-background.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Point the agent at your existing renderer and camera settings first so it keeps your current backend and version
  • Supply a complete equirectangular panorama if the camera can rotate freely, since partial images can show repeated clouds
  • Test the sky while orbiting and at the zenith, not only from the initial view

What's inside

  • agents/openai.yaml
  • REFERENCES.md
  • SKILL.md

Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.