Generate SEO-Optimized Images with AI

Generates production-ready images for SEO use cases - OG/social preview, blog hero, product photo, infographic, schema image, favicon, Pinterest pin - through Gemini's image generation via the "banana" Creative Director pipeline, mapping each use case to a pre-configured aspect ratio, resolution, and domain mode. For example OG/social preview renders at 16:9/1K in Product or UI/Web mode, while infographics render at 2:3/4K in Infographic mode. It has two components: this skill handles interactive /seo image-gen commands (og, hero, product, infographic, custom, batch), while a separate audit-only agent spawned during /seo audit assesses existing OG/social images and produces a generation plan without ever auto-generating. Its six-step generation pipeline identifies the use case, applies the matching SEO defaults, sets the aspect ratio via the set_aspect_ratio MCP tool, constructs a Reasoning Brief using the Creative Director pipeline's six-component prompt system with domain-mode-weighted emphasis, generates via the gemini_generate_image MCP tool, then runs a post-generation SEO checklist covering alt text, SEO-friendly file naming, WebP conversion, file-size targets under 200KB for hero images and under 100KB for thumbnails, ImageObject schema markup, and OG meta tags. It documents per-resolution cost estimates for the gemini-3.1-flash model, roughly $0.02 at 512px up to $0.16 at 4K, a model-routing table matching use case to model and thinking-effort setting, and an error-handling table for MCP-not-configured, invalid API key, rate limiting, and IMAGE_SAFETY rejections.

Use it when generating OG images, hero images, schema visuals, infographics, or similar SEO assets, or when image generation is part of a broader SEO or publishing workflow - and only when the required banana image-generation extension is actually installed and its MCP tools (gemini_generate_image, set_aspect_ratio) are available. If not, the skill's own instruction is to tell the user the extension is missing and provide install instructions rather than attempt a workaround. It works alongside, but is distinct from, a separate seo-images analysis skill that audits existing images and feeds findings into this one, and a seo-schema skill that can consume the generated images for structured-data markup.

Input is an image-generation command such as /seo image-gen og|hero|product|infographic|custom|batch <description>, or an SEO context requiring a new image. Output is the generated image plus a response bundle: the saved image path, the crafted prompt actually sent to the API, the model/aspect-ratio/resolution settings used, an SEO checklist, and a schema snippet when applicable. Installation:

./extensions/banana/install.sh

Built on the banana extension's Creative Director pipeline and Gemini image models (gemini-3.1-flash-image-preview, gemini-2.5-flash-image) via MCP tools, with post-processing through ImageMagick for WebP conversion; cross-references seven on-demand reference docs for prompt engineering, model specs, MCP tool parameters, post-processing recipes, cost tracking, and brand or SEO presets.

SEO and content teams generating on-brand, correctly-sized images for OG tags, hero sections, schema markup, or infographics as part of an SEO workflow, who need cost-aware, checklist-driven output rather than a bare image generator.