Three.js Image Generator

The 2D layer for Three.js games: concepts, textures, decals, UI art, and the source images that feed threejs-3d-generator for image-to-3D.

Resolve <this-skill-dir> from the actual loaded skill file. Resolve sibling skills beside it first, then use the runner's discovered paths. Do not mix installed versions or assume a particular home directory.

When to use

• Image-to-3D references: 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 plates: skies, backdrops, city horizons, nebulas, menu backgrounds, parallax layers.
• UI art: logos, faction marks, icons, item cards, ability badges, cockpit decals, GUI panels, title art.
• Editing an existing image: style variants, cleanup, palette alignment, concept refinement.

For premium graphics work with generation in scope, generate the high-value 2D surfaces rather than defaulting to hand-coded CSS and flat colors. Respect explicitly procedural art and external-service restrictions. Choose assets from the game's design, not a fixed quota of logos, skies, or icons.

API key

The script reads --api-key or GEMINI_API_KEY. Keys never go in skill files, game code, or reports.