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
Decision gist · record as of 2026-07-16
Three.js Image Generator creates 2D game assets and references using Gemini's image API for Three.js projects. 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.
Use it when
- threejs-image-generator produces concept art, texture and material reference plates, UI art, logos, icons, GUI elements, sky backgrounds.
- threejs-image-generator generates image-to-3D source images that feed directly into model creation pipelines.
Verify before relying
Read SKILL.md below before installing (3 files). Open directory: indexed for reading, not audited.
Install
majidmanzarpour/threejs-game-skills/threejs-image-generator · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
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
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Generate 2D concept and reference images for Three.js game assets”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Create production-ready web assets including favicons, PWA app icons, and social media meta images for Facebook, Twitter, LinkedIn, and WhatsApp. Source from uploaded logos, text slogans, or emoji characters, and get ready-to-use HTML tags for integration.
Create or modify images by specifying a prompt and choosing your resolution tier. The skill defaults to OpenAI's image model when available, seamlessly switching to Gemini if needed. Control output size, pick your provider, and iterate quickly from draft to final.
Nano Banana Pro taps Google's Gemini 3 Pro Image API to create new images from text descriptions or modify existing ones. Pick your resolution—1K, 2K, or 4K—and let the skill handle generation or editing tasks like style changes, element removal, or color adjustments.
Nano Banana Pro lets you create new images from text prompts or edit existing ones using Google's Gemini 3 Pro Image API. Choose from 1K, 2K, or 4K resolution depending on your needs, and iterate quickly with a draft-to-final workflow before committing to high-resolution renders.
This skill harnesses Google's Gemini image generation model to create and modify visuals from text descriptions. It supports multiple resolutions (1K–4K), aspect ratios, iterative refinement through multi-turn chat, and composition from multiple reference images. Best for logos, product mockups, stylized art, and photorealistic scenes.
Nano Banana Pro harnesses Gemini 3 Pro's image capabilities to generate, edit, and composite images through simple command-line scripts. Supports text-to-image generation at multiple resolutions, single-image editing, and multi-image composition with customizable aspect ratios.
More skills nano-banana-pro (MIT)