threejs-image-generator
Create polished 2D assets for Three.js games—concept art, textures, UI elements, backgrounds, and reference images for 3D conversion. The skill wraps Gemini's image generation and editing capabilities, letting you produce game-ready materials directly or feed them into procedural 3D workflows. Organize outputs by asset type and integrate with threejs-3d-generator for end-to-end game production.
Three.js Image Generator creates 2D game assets and references using Gemini's image API for Three.js projects.
AI-generated summary based on this skill's SKILL.md
Install
majidmanzarpour/threejs-game-skills/threejs-image-generator · repository language: Python
git clone https://github.com/majidmanzarpour/threejs-game-skills
cp -r threejs-game-skills/skills/threejs-image-generator ~/.claude/skills/threejs-image-generatornpx skillfed install majidmanzarpour/threejs-game-skills/threejs-image-generatorFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
Can threejs-image-generator generate 2D assets for Three.js games?
Yes. threejs-image-generator creates polished 2D assets tailored for Three.js projects, including concept art, texture references, UI elements, backgrounds, and reference images. It wraps Gemini's image generation and editing capabilities to produce game-ready materials directly or feed them into procedural 3D workflows.
What types of game images can this skill create?
threejs-image-generator produces concept art, texture and material reference plates, UI art, logos, icons, GUI elements, sky backgrounds, character reference sheets, decals, seamless textures, marketing stills, title art, menu backgrounds, parallax layer backgrounds, and 2D reference images for 3D conversion.
How does threejs-image-generator support 3D model creation?
threejs-image-generator generates image-to-3D source images that feed directly into model creation pipelines. You can produce reference sheets and concept images, then use them as input for 3D conversion workflows. The skill integrates with threejs-3d-generator for end-to-end game production.
Can I edit and refine existing game images with this skill?
Yes. threejs-image-generator includes AI-powered editing and refinement capabilities, letting you create style variants and adjust existing game images. This allows rapid iteration on assets without starting from scratch each time.
What license does threejs-image-generator use?
threejs-image-generator is released under the MIT license, allowing free use, modification, and distribution with minimal restrictions.
How should I organize outputs from threejs-image-generator?
threejs-image-generator outputs are best organized by asset type—concept art, textures, UI elements, backgrounds, and reference images. This structure simplifies integration with Three.js projects and makes assets easy to locate during development or when feeding them into procedural 3D workflows.
SKILL.md
rendered from the published skill — quoted content, verbatim
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.
Provider: Google's Gemini image API.
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,
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 3 files
skills/threejs-image-generator/SKILL.md
skills/threejs-image-generator/agents/openai.yaml
skills/threejs-image-generator/scripts/generate_image.py