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-pipelineThis skill uses the workspace's default tool permissions.
Generate professional AI images using Google Gemini via the bundled CLI script.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
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