Image to Three.js Model
img2threejs/img2threejs
Rebuilds the object in a reference image as a procedural, animation-ready Three.js model written entirely in code, using staged sculpting with quality checks.
Create a camera-correct sky background for a 3D scene with a procedural atmosphere or panorama, horizon haze, aligned sunlight, and coherent environment lighting.
Install 3D Sky Background
$ npx skills add MengTo/Skills --skill 3d-sky-background -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install MengTo/Skills 3d-sky-background --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/MengTo/Skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/agent-skills/3d/3d-sky-background .claude/skills/3d-sky-background && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "3d-sky-background" agent skill from https://github.com/MengTo/Skills/tree/main/agent-skills/3d/3d-sky-background into .claude/skills/3d-sky-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "3d-sky-background", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/MengTo/Skills/tree/main/agent-skills/3d/3d-sky-backgroundType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add MengTo/Skills --skill 3d-sky-background -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install MengTo/Skills 3d-sky-background --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MengTo/Skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/agent-skills/3d/3d-sky-background .agents/skills/3d-sky-background && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "3d-sky-background" agent skill from https://github.com/MengTo/Skills/tree/main/agent-skills/3d/3d-sky-background into .agents/skills/3d-sky-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "3d-sky-background", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add MengTo/Skills --skill 3d-sky-background -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install MengTo/Skills 3d-sky-background --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MengTo/Skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/agent-skills/3d/3d-sky-background .cursor/skills/3d-sky-background && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "3d-sky-background" agent skill from https://github.com/MengTo/Skills/tree/main/agent-skills/3d/3d-sky-background into .cursor/skills/3d-sky-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "3d-sky-background", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/MengTo/Skills.git --path agent-skills/3d/3d-sky-background--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add MengTo/Skills --skill 3d-sky-background -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install MengTo/Skills 3d-sky-background --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MengTo/Skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/agent-skills/3d/3d-sky-background .gemini/skills/3d-sky-background && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "3d-sky-background" agent skill from https://github.com/MengTo/Skills/tree/main/agent-skills/3d/3d-sky-background into .gemini/skills/3d-sky-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "3d-sky-background", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install MengTo/Skills 3d-sky-backgroundInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add MengTo/Skills --skill 3d-sky-background -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/MengTo/Skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/agent-skills/3d/3d-sky-background .github/skills/3d-sky-background && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "3d-sky-background" agent skill from https://github.com/MengTo/Skills/tree/main/agent-skills/3d/3d-sky-background into .github/skills/3d-sky-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "3d-sky-background", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add MengTo/Skills --skill 3d-sky-background -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install MengTo/Skills 3d-sky-background --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MengTo/Skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/agent-skills/3d/3d-sky-background .opencode/skills/3d-sky-background && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "3d-sky-background" agent skill from https://github.com/MengTo/Skills/tree/main/agent-skills/3d/3d-sky-background into .opencode/skills/3d-sky-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "3d-sky-background", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
3d-sky-background- GitHub stars
- 6.7k
- Token cost
- ~1.3k tokens
- SKILL.md length
- 690 words
- Files
- 3
- Skills in repo
- 39
- Repo updated
- First seen
- Licence
- MIT
At a glance
Create a camera-correct sky background for a 3D scene with a procedural atmosphere or panorama, horizon haze, aligned sunlight, and coherent environment lighting.
- Architectural skies
- SKILL.md covers Choose the representation, Build a stable surrounding sky, Map a panorama deliberately and Keep color and lighting coherent, plus 2 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Outdoor 3D backgrounds
What it does
3D Sky Background is an agent skill from MengTo/Skills. Create a camera-correct sky background for a 3D scene with a procedural atmosphere or panorama, horizon haze, aligned sunlight, and coherent environment lighting. Use for architectural skies, outdoor 3D backgrounds, golden hour, and day-to-night sky transitions.
Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files (for example `REFERENCES.md` and `agents/openai.yaml`).
It sits in Game Development, covering 3D graphics and WebGL. The repository describes itself as: Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents. The licence is MIT.
When your agent uses it
- Architectural skies
- Outdoor 3D backgrounds
- Day-to-night sky transitions
Example prompts
- “/3d-sky-background”
What it can do on your machine
Read from SKILL.md and the folder at commit 83a47fe. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
threejs.org
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
3D Sky Background loads about 1.3k tokens when it runs. Until then it costs about 70 tokens; SKILL.md has 690 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from MengTo/Skills at commit 83a47fe, republished under its MIT licence (© MengTo). 690 words, ~1,253 tokens.
Download SKILL.mdSave it as
.claude/skills/3d-sky-background/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.- name
- 3d-sky-background
- description
- Create a camera-correct sky background for a 3D scene with a procedural atmosphere or panorama, horizon haze, aligned sunlight, and coherent environment lighting. Use for architectural skies, outdoor 3D backgrounds, golden hour, and day-to-night sky transitions.
3D Sky Background
Build a sky that surrounds the world, with a readable horizon and lighting that belongs to the same atmosphere.
Choose the representation
Inspect the project's renderer, camera range, color pipeline, environment lighting, and existing assets. Use an existing licensed panorama when its cloud composition matters, a procedural sky when changing sun position matters, or a restrained hybrid. Keep the project's rendering backend and version; do not add a second renderer for the sky.
Keep three responsibilities explicit: the visible sky background, the reflection/ambient environment, and direct sun lighting. A background photograph alone does not light PBR objects. A PMREM environment does not supply a shadow-casting directional sun. See the PMREM documentation.
Build a stable surrounding sky
- Use the engine's background facility, a fullscreen direction shader, or an inward-facing dome with depth writes disabled and fog disabled. A dome must fit inside the camera's clipping range and follow camera translation; it should retain world orientation as the camera rotates.
- Derive color from the normalized viewing direction. Blend a pale warm horizon through a muted middle band into a cooler zenith. Keep the lower hemisphere compatible with the ground haze rather than leaving an exposed hard edge.
- Use a shared sun direction for the visible disk, glow, directional light, and any sky-ray pass. A broad halo and a small disk are separate terms; avoid a large white blob.
- Add distant silhouettes only when the composition needs depth. Keep them low contrast, with a hue and value close to the horizon.
Map a panorama deliberately
A true equirectangular sky wraps a full 360° horizontally and 180° vertically. Establish a consistent world-axis convention, rotate the texture so its photographed sun matches the scene sun, and inspect both the seam and zenith.
A wide landscape photograph is a partial panorama. Record its angular coverage and horizon position; do not stretch it indiscriminately over a sphere. Seijaku aligns a partial sky image around the sun and mirrors its back coverage. That is a composition-specific shortcut; repeated cloud shapes may be visible during a full orbit. Prefer a complete panorama for unrestricted cameras.
When a custom shader wraps longitude, a discontinuity at the seam can cause bad texture derivatives and a blurred stripe. Prefer continuous sampling coordinates with texture wrapping; otherwise supply corrected gradients appropriate to the shader version. Test the seam while orbiting, not only in the initial view.
Show full SKILL.md (294 more words)Show less
Keep color and lighting coherent
Annotate display-referred color images as sRGB and keep lighting calculations in linear space. Apply tone mapping and output conversion once at the intended final stage. Do not copy a fitted inverse tone-map function from another project: Seijaku's fit is coupled to its custom final shader and exposure. Decide explicitly whether a photograph should be tone-mapped with the scene or composited through a separate display-referred path.
Provide a procedural gradient immediately, then load the sky asset asynchronously and blend it in. An asset error should leave a usable sky. Fit texture resolution to the visible angular coverage and target display; do not gate first interaction on an oversized sky image.
Generate a prefiltered environment when needed and reuse it. During a day/night or season transition, interpolate cached environments where supported or refresh at meaningful state changes. Rebuilding PMREM every frame can dominate the scene cost. Dispose superseded environment render targets without disposing textures still in use.
Day, dusk, and night
Use continuous weights for horizon/zenith colors, sun glow, fog tint, exposure, moon, and stars. Fade stars after the sky darkens. Preserve enough ambient illumination to read materials at night. Animate cloud movement slowly, pause when hidden, and retain a designed still sky for reduced motion.
Verify
- A full orbit and vertical look reveal no seam, stretched clouds, dome edge, or camera translation parallax.
- Sun direction, shadows, rays, and reflections agree at the intended hero view.
- Day/dusk/night changes avoid flashes, double tone mapping, and mismatched fog.
- The sky remains useful before its image loads and when that image fails.
- Mobile and 2× rendering preserve the horizon and avoid unexpected environment rebuilds.
Read REFERENCES.md for source inspection and official APIs. Seijaku's relevant functions are makeSky, makeHills, makeStars, and its environment update path.
© MengTo, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 2 other files in agent-skills/3d/3d-sky-background of MengTo/Skills.
- SKILL.md
- REFERENCES.md
- agents/openai.yaml
Open the folder on GitHubat commit 83a47fe
Compare with similar skills
3D Sky Background next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| 3D Sky Background this skillMengTo/Skills | 6.7k | — | ~1.3k | Automated safety check: Pass | MIT | |
| Image to Three.js Modelimg2threejs/img2threejs | 18k | 1 repos | ~8.2k | Automated safety check: Pass | Apache-2.0 | |
| Web CloneJane-xiaoer/claude-skill-web-clone | 1k | 1 repos | ~2.7k | Automated safety check: Pass | MIT | |
| Threejs Game Directormajidmanzarpour/threejs-game-skills | 2.5k | — | ~2.2k | Automated safety check: Pass | MIT | |
| Game Asset Generatorhtdt/godogen | 7.1k | — | ~2.8k | Automated safety check: Pass | MIT | |
| Threejs Gameplay Systemsvalkor-ai/loom | 1.2k | 1 repos | ~1.4k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Web Clone
Jane-xiaoer/claude-skill-web-clone
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 /…
Threejs Game Director
majidmanzarpour/threejs-game-skills
Entrypoint for building, upgrading, and finishing Three.js browser games.
Game Asset Generator
htdt/godogen
Generates game art from text prompts: PNG images, GLB 3D models, rigged characters, animations and sprites, with background removal.
Threejs Gameplay Systems
valkor-ai/loom
Build and iterate playable Three.js game systems: starter scaffold, architecture, design briefs, core loops, level and encounter design, entities, input, camera, collision and physics, scoring…
Threejs World Generation
calesthio/OpenMontage
Build deterministic, editable, free-viewpoint Three.js worlds from text or structured briefs.
More from MengTo/Skills
All 39 skills in this repoIllustration Bold Pop
MengTo/Skills
Draws hand-authored SVG spot illustrations in a bold pop-geometric style for design and coding scenes.
Flat Vector Illustration Style
MengTo/Skills
Draws a slim, long-limbed character acting out one coding or design moment as an outline-free flat SVG card, in a fixed measured palette with confetti and no ground line.
Flat Illustration With Black
MengTo/Skills
Draws flat vector spot illustrations of lanky people doing design and coding things, with solid black as a main fill, for empty states, onboarding and error pages.
Grainy Gouache Illustration
MengTo/Skills
Draws cozy animal scenes as hand-authored 480x360 SVG cards in a grainy, risograph-like gouache style on hot pink, for empty states, headers and marketing cards.
Illustration Halftone Line
MengTo/Skills
Draws hand-authored SVG spot illustrations in a halftone line style for design and coding scenes.
Illustration Ink Sketch
MengTo/Skills
Draws hand-inked cartoon critters and living objects as SVG cards (480x360), each acting out a coding or design idea.
Related
Categories
Questions about 3D Sky Background
What does 3D Sky Background do?
Create a camera-correct sky background for a 3D scene with a procedural atmosphere or panorama, horizon haze, aligned sunlight, and coherent environment lighting. 3D Sky Background is an agent skill from MengTo/Skills. Create a camera-correct sky background for a 3D scene with a procedural atmosphere or panorama, horizon haze, aligned sunlight, and coherent environment lighting.
When should I use 3D Sky Background?
3D Sky Background fits situations like: architectural skies; outdoor 3D backgrounds; day-to-night sky transitions.
How do I install 3D Sky Background in Claude Code?
Run `npx skills add MengTo/Skills --skill 3d-sky-background -a claude-code`. Or copy the skill folder (agent-skills/3d/3d-sky-background in MengTo/Skills) into .claude/skills/3d-sky-background in your project. Claude Code loads it when a task matches its description.
How do I install 3D Sky Background in Codex?
Run `npx skills add MengTo/Skills --skill 3d-sky-background -a codex`. Or copy the skill folder (agent-skills/3d/3d-sky-background in MengTo/Skills) into .agents/skills/3d-sky-background in your project. Codex loads it when a task matches its description.
Can I use 3D Sky Background in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add MengTo/Skills --skill 3d-sky-background -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/3d-sky-background, .gemini/skills/3d-sky-background, .github/skills/3d-sky-background and .opencode/skills/3d-sky-background in your project.
What does 3D Sky Background need to run?
SKILL.md names no scripts, command-line tools or credentials: 3D Sky Background is instructions for the agent only.
Does 3D Sky Background access the network?
SKILL.md names 1 domain. As links in the text: threejs.org. This is read from the text; nothing was executed.
Is 3D Sky Background safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does 3D Sky Background use?
3D Sky Background is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does 3D Sky Background use?
About 1.3k tokens (SKILL.md is roughly 5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to 3D Sky Background?
Skills that share tags, products or a category with 3D Sky Background: Image to Three.js Model (img2threejs/img2threejs, 18k stars), Web Clone (Jane-xiaoer/claude-skill-web-clone, 1k stars), Threejs Game Director (majidmanzarpour/threejs-game-skills, 2.5k stars) and Game Asset Generator (htdt/godogen, 7.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains 3D Sky Background?
MengTo (a GitHub user) maintains it in MengTo/Skills, which has 6,675 GitHub stars. The repository holds 39 skills in this directory. The repository was last updated on October 6, 2026.
Source: MengTo/Skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.