Three.js Image Generator

Purpose

Create game-useful 2D assets and references for Three.js projects. This skill is the image-generation layer for the Three.js game system: it produces concepts, textures, decals, UI art, and 2D inputs that can be handed to threejs-3d-generator for image-to-3D model creation.

Multi-provider with fallback: Providers are auto-discovered from *_IMAGEGEN_MODEL environment variables (e.g. ARK_IMAGEGEN_MODEL, DASHSCOPE_IMAGEGEN_MODEL, …). Priority follows declaration order in ~/.env — the first declared provider wins. If the primary provider fails (quota exhausted, error), the next provider is tried automatically. Supported backends: ARK/Doubao Seedream (native), Google Gemini (native), and any OpenAI-compatible Images API (Dashscope, etc.).

Resolve <this-skill-dir> in the commands below in this order: ~/.claude/skills/threejs-image-generator, ~/.codex/skills/threejs-image-generator, ~/.agents/skills/threejs-image-generator, or repo skills/threejs-image-generator.

When To Use

Use this skill before procedural-only fallback when a Three.js game needs:

• 2D-to-3D reference images for threejs-3d-generator: characters, creatures, buildings, ships, cars, weapons, props, pickups, terrain modules.
• Texture and material references: terrain, road, rock, sand, metal, sci-fi panels, trim sheets, decals, hazard labels, signs.
• Environment images: skies, backdrops, city horizons, nebula plates, menu backgrounds, parallax layers.
• UI art: logos, faction marks, icons, item cards, ability badges, cockpit decals, GUI panels, title art.
• Existing-image edits, style variants, cleanup, palette alignment, or concept sheet refinements.