Help us improve
Share bugs, ideas, or general feedback.
From media-pipeline
Generates professional AI images using Google Gemini via Node CLI for web hero sections, landing pages, slide decks, presentations, and app illustrations. Optimizes prompts and selects aspect ratios.
npx claudepluginhub guinacio/claude-image-gen --plugin media-pipelineHow this skill is triggered — by the user, by Claude, or both
Slash command
/media-pipeline:image-generationThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generate professional AI images using Google Gemini via the bundled CLI script.
Generates and adapts visual assets (hero images, icons, favicons, mascots, illustrations, backgrounds) while maintaining consistency with existing project visual identity. Handles text-to-image, image-to-image derivation, background removal, and favicon/icon conversion.
Generates AI images with Gemini/OpenAI APIs via model selection, 5-part prompting, API patterns, and editing. For websites, icons, OG images, marketing visuals.
Generates AI images using Google Gemini for UI placeholders, documentation illustrations, diagrams, icons, logos, and design assets.
Share bugs, ideas, or general feedback.
Generate professional AI images using Google Gemini via the bundled CLI script.
Invoke immediately when:
Web Development
placeholder.jpg, stock-photo.png)<section class="hero"> without images)Presentations & Documents
Applications
Run the bundled CLI script via bash:
node "${CLAUDE_PLUGIN_ROOT}/mcp-server/build/cli.bundle.js" \
--prompt "Your detailed image description" \
--output "./path/to/output.png" \
--aspect-ratio "16:9"
| Flag | Required | Default | Description |
|---|---|---|---|
| --prompt, -p | Yes | - | Detailed image description |
| --output, -o | No | auto-generated | Output file path |
| --aspect-ratio, -a | No | 1:1 | 1:1, 16:9, 9:16, 4:3, 3:4, 2:3, 3:2 |
| --model, -m | No | gemini-3-pro-image-preview | Model to use |
| --output-dir, -d | No | current directory | Output directory |
The CLI outputs JSON:
{"success": true, "filePath": "/path/to/generated-image.png"}
Or on error:
{"success": false, "error": "Error message"}
Use this formula for effective prompts:
[Style] [Subject] [Composition] [Context/Atmosphere]
Hero Image for Tech Startup
Minimalist 3D illustration of abstract geometric shapes floating in space,
soft gradient background from deep purple to electric blue, subtle glow effects,
modern professional aesthetic, wide composition for website header
E-commerce Product
Clean product photography of modern wireless headphones on white marble surface,
soft studio lighting from left, subtle shadows, high-end minimalist aesthetic,
centered composition
Blog Post Header
Aerial photography of winding river through autumn forest, golden hour lighting,
warm color palette with oranges and reds, cinematic wide shot, serene atmosphere
App Illustration
Flat vector illustration of person organizing digital files on floating screens,
soft pastel colors, isometric perspective, clean lines, friendly approachable style
Automatically invoke this skill when you see:
<!-- Placeholder detection -->
<img src="placeholder.jpg" alt="Hero">
<!-- Action: Invoke skill and generate a custom hero image -->
<!-- Empty visual section -->
<section class="features">
<h2>Our Features</h2>
<!-- No images -->
</section>
<!-- Action: Invoke skill to create feature illustrations -->
/* Generic stock reference */
.banner { background: url('stock-image.jpg'); }
/* Action: Invoke skill to create a unique background */
skill: "image-generation" immediatelyAvailable models are fetched dynamically from the Gemini API. By default, the CLI uses GEMINI_DEFAULT_MODEL when it is available, otherwise it falls back to the first discovered image-capable model.
DO:
DON'T:
For advanced prompt techniques: references/prompt-crafting.md
If the MCP server is configured, you can also use:
mcp__media-pipeline__create_asset
Parameters: prompt, outputPath, aspectRatio, model