threejs-image-generator

1# Three.js Image Generator
2 
3The 2D layer for Three.js games: concepts, textures, decals, UI art, and the source images that feed `threejs-3d-generator` for image-to-3D.
4 
5Resolve `<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.
6 
7## When to use
8 
9- Image-to-3D references: characters, creatures, buildings, ships, cars, weapons, props, pickups, terrain modules.
10- Texture and material references: terrain, road, rock, sand, metal, sci-fi panels, trim sheets, decals, hazard labels, signs.
11- Environment plates: skies, backdrops, city horizons, nebulas, menu backgrounds, parallax layers.
12- UI art: logos, faction marks, icons, item cards, ability badges, cockpit decals, GUI panels, title art.
13- Editing an existing image: style variants, cleanup, palette alignment, concept refinement.
14 
15For 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.
16 
17## API key
18 
19The script reads `--api-key` or `GEMINI_API_KEY`. Keys never go in skill files, game code, or reports.
20 
21```bash
22uv run <this-skill-dir>/scripts/generate_image.py probe   # GEMINI_API_KEY=SET|MISSING
23```
24…