Threejs Image Generator

Hooks Google's Gemini image API into your Three.js workflow to generate 2D assets that actually feed the pipeline: concept art for image-to-3D conversion, texture references, skyboxes, UI panels, logos, and decals. The skill wraps a Python script that handles both fresh generation and editing existing images, with resolution presets from 1K drafts to 4K hero art. It enforces real integration rules like proper output paths, credential probing before you waste time, and ledger tracking when images flow into the 3D generator. The documentation is refreshingly blunt about not skipping image generation on premium work just because procedural noise exists. If you're building a Three.js game and need art assets without leaving the terminal, this bridges the gap cleanly.

skills.sh installs: 3.3K
GitHub stars: 2.8K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add majidmanzarpour/threejs-game-skills --skill threejs-image-generator --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

SKILL.md on GitHub