Back to Skills

blog-image

AI image generation and editing for blog content powered by Gemini via MCP. Generates hero images, inline illustrations, social preview cards, and OG images, and edits existing ones. Supports 6 domain modes (Editorial, Product, Landscape, UI/Web, Infographic, Abstract). Works standalone or internally from blog-write and blog-rewrite; falls back gracefully when MCP is unavailable. Use when user says "blog image", "generate hero image", "blog illustration", "edit blog image", "OG image".

1,547stars268forksUpdated 8/3/2026

Security Assessment

Safe(92/100)
Security Score92/100

About blog-image

This skill generates and edits images for blog content using Google's Gemini image models accessed through an MCP server. It solves the problem of sourcing on-brand visuals for articles by producing hero images, inline illustrations, social preview cards, and Open Graph images from descriptive prompts, and by editing existing images. It can run standalone or be invoked internally by companion blog-writing skills, and it falls back gracefully when the MCP integration is unavailable.

The skill supports six domain modes (Editorial, Product, Landscape, UI/Web, Infographic, and Abstract) that map blog use cases to appropriate aspect ratios and prompt focus. Its bundled prompt-engineering reference teaches a six-component reasoning brief (subject, action, context, composition, lighting, and style) written as natural narrative paragraphs rather than keyword lists, with good-versus-bad examples for each component. Additional references document the available Gemini models and MCP tools, and setup and validation scripts help configure and verify the image MCP connection.

Target users are bloggers, content teams, and technical writers who need illustrations without leaving their authoring workflow. Typical use cases include generating a 16:9 hero image for a new post, creating a social share card, producing an infographic-style diagram, or editing a previously generated illustration. The skill depends on an external Gemini MCP being configured; its included Python scripts are for setup and validation of that integration.

FAQ

What powers the image generation?

Google's Gemini image models, accessed through an MCP (Model Context Protocol) server rather than a direct API call in the skill.

What image types can it produce?

Hero/cover images, inline illustrations, social preview cards, and Open Graph images, and it can also edit existing images.

What are the domain modes?

Six modes—Editorial, Product, Landscape, UI/Web, Infographic, and Abstract—that select suitable aspect ratios and prompt emphasis for the blog use case.

What happens if the MCP is not available?

The skill is designed to fall back gracefully when the image MCP is unavailable rather than failing hard.

Does it require setup?

Yes. It includes setup and validation scripts to configure and verify the Gemini image MCP connection before generating images.

All Files

6 files
references/prompt-engineering-blog.md10.2 KB
View
scripts/setup_image_mcp.py15.4 KB
View
scripts/validate_image_setup.py12.1 KB
View
references/gemini-models.md11.2 KB
View
SKILL.md13.2 KB
View
references/mcp-tools.md4.6 KB
View

Install blog-image

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill