Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
laurigates avatar

Generate Image

  • 176 installs
  • 49 repo stars
  • Updated August 4, 2026
  • laurigates/claude-plugins

Produce UI mock visuals, marketing assets, and illustrative graphics inside Claude Code without leaving the implementation workflow.

About

Laurigates Claude plugin skill to generate images directly from the coding environment for UI mocks, marketing graphics, and content placeholders while building web and product surfaces.

  • In-IDE image generation
  • UI and marketing visuals
  • Claude plugin workflow
  • Rapid asset prototyping
  • No external design hop

Generate Image by the numbers

  • 176 all-time installs (skills.sh)
  • Ranked #651 of 1,335 Generative Media skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/laurigates/claude-plugins --skill generate-image

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs176
repo stars49
Last updatedAugust 4, 2026
Repositorylaurigates/claude-plugins

What it does

Produce UI mock visuals, marketing assets, and illustrative graphics inside Claude Code without leaving the implementation workflow.

Files

SKILL.mdMarkdownGitHub ↗

Generate images using Google's Nano Banana Pro (Gemini 3 Pro Image) model.

When to Use This Skill

Use this skill when...Use imagemagick-conversion instead when...
Producing a brand-new image from a text promptConverting, resizing, or compressing an existing image
Generating cinematic, product, or portrait artworkBuilding thumbnails or batch-processing many files
Mixing up to five reference images into a new renderApplying deterministic transforms (rotate, crop, format)
Use this skill when...Use mermaid-diagrams or d2-diagrams instead when...
The output is a photographic or illustrative imageThe output is a flowchart, sequence, or architecture diagram
Quality settings (1K/2K/4K) and aspect ratio matterDiagram-as-code rendering would be more maintainable

Arguments

  • {{arg:1}} (required): Image description
  • --aspect: Aspect ratio (1:1, 2:3, 3:2, 3:4, 4:3, 4:5, 5:4, 9:16, 16:9, 21:9) - default: 16:9
  • --resolution: Image resolution (1K, 2K, 4K) - default: 2K
  • --reference: Path to reference image (repeatable, max 5)
  • --output: Custom output path

Environment Requirements

Verify API key is set:

echo "API Key: ${GOOGLE_API_KEY:+SET}${GEMINI_API_KEY:+SET}"

If not set, get one from: https://aistudio.google.com/apikey

Usage Examples

/generate-image "A beautiful mountain landscape at sunset"
/generate-image "Product photo on white background" --aspect 1:1 --resolution 4K
/generate-image "Portrait photo" --aspect 3:4
/generate-image "Cinematic scene" --aspect 21:9
/generate-image "Similar style" --reference existing_image.png

Task Workflow

1. Parse arguments:

  • Extract prompt from {{arg:1}}
  • Identify aspect ratio, resolution, and reference images

2. Build command:

   uv run python .claude/scripts/nano_banana_pro.py \
     "{{arg:1}}" \
     --aspect {{aspect|default:"16:9"}} \
     --resolution {{resolution|default:"2K"}} \
     {{reference_flags}}

3. Execute generation:

   uv run python .claude/scripts/nano_banana_pro.py "PROMPT" --aspect RATIO --resolution SIZE

4. Report results:

  • Show path to generated image
  • Note any reference images used
  • Offer next steps (regenerate, different aspect, etc.)

Output

Default output: ./generated/image_YYYYMMDD_HHMMSS.png

Custom output with --output:

/generate-image "Scene" --output custom_name.png

Reference Images

Reference images help maintain consistency:

  • Use existing images as style references
  • Keep subjects consistent across generations
  • Match artistic styles

When using references, describe the relationship:

  • "Similar style to the reference"
  • "This person in a different setting"
  • "Same product, different angle"

Maximum 5 reference images per generation.

Aspect Ratio Quick Reference

Use CaseRatio
Square/Instagram1:1
Portrait3:4, 9:16
Landscape16:9
Ultrawide21:9
Photo3:2, 4:3

Resolution Quick Reference

Use CaseResolution
Preview1K
Standard2K
High quality4K

Error Handling

  • No API key: Set GOOGLE_API_KEY or GEMINI_API_KEY
  • Generation failed: Simplify prompt or reduce references
  • Rate limited: Wait and retry

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.