When you run /blog image, Claude Blog generates blog-optimized images using Google Gemini. It uses a 5-component prompt formula optimized for tech and marketing content, then automatically converts output to WebP for web performance.
// BLOG IMAGE
AI IMAGE
GENERATION
Generate blog hero images, OG graphics, and inline illustrations from text prompts. Powered by Google Gemini via the Banana MCP server. Dark aesthetic with coral accents by default.
$
/blog image
REQUIRES CLAUDE BLOG + BANANA MCP INSTALLED
// HOW IT WORKS
GEMINI-POWERED IMAGES.
01
GEMINI POWERED
GENERATES IMAGES VIA GOOGLE GEMINI 3.1 FLASH IMAGE PREVIEW. HIGH QUALITY, FAST, AND FREE WITH A GOOGLE API KEY.
02
BLOG-OPTIMIZED
HERO IMAGES IN 16:9 (1920x1080), OG IMAGES IN 1200x630. AUTOMATIC WEBP CONVERSION AND COMPRESSION.
03
PROMPT ENGINEERING
5-COMPONENT PROMPT FORMULA: SUBJECT, ACTION, CONTEXT, COMPOSITION, STYLE. OPTIMIZED FOR TECH AND MARKETING CONTENT.
04
BATCH GENERATION
GENERATE HERO AND OG IMAGES FOR MULTIPLE POSTS IN A SINGLE SESSION. CONSISTENT VISUAL STYLE ACROSS YOUR BLOG.
// USAGE
HOW TO GENERATE IMAGES
Step 1: Install Claude Blog
git clone --depth 1 https://github.com/AgriciDaniel/claude-blog.git bash claude-blog/install.sh
Step 2: Set Up Banana MCP (for Gemini)
Blog image generation requires the Banana MCP server for Gemini API access. Follow the Banana Claude setup guide and add your Google API key.
Step 3: Generate Images
/blog image
Describe your image or let Claude Blog generate a prompt from your post content. Images are saved as WebP in your blog assets directory.
// FAQ
QUESTIONS ABOUT IMAGES
It generates PNG images that are automatically converted to WebP for web use. Hero images are 16:9 ratio (1920x1080) and OG images are 1200x630 for social sharing.
Google offers a free tier for the Gemini API with generous limits. You need a Google API key, which is free to create. No credit card required for basic usage.
Yes. You can specify custom prompts, aspect ratios, and style directions. The default style is dark background with coral accent, minimal tech aesthetic, but you can override any of these.
Yes. Blog image uses the Banana MCP server (nanobanana-mcp) for Gemini integration. Install it separately or use the direct API script as a fallback.
GENERATE YOUR FIRST IMAGE
IN 30 SECONDS.
$
git clone --depth 1 https://github.com/AgriciDaniel/claude-blog.git && bash claude-blog/install.sh