seo-image-gen

Generates SEO-optimized images for OG previews, blog heroes, and product photos via Gemini.

Updated Mar 26, 2026
One-click install
npx skills add https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills --skill seo-image-gen-lgj-jonathan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills/tree/main/claude-seo/extensions/banana/skills/seo-image-gen
Command: npx skills add https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills --skill seo-image-gen-lgj-jonathan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Creating on-brand, correctly sized images for SEO assets like OG social previews, blog heroes, and schema images is slow and error-prone when done manually, and generic image generators ignore SEO requirements like aspect ratios, alt text, and file naming. ## Core Features & Use Cases - SEO-Tuned Generation Modes: Pre-configured aspect ratios, resolutions, and domain modes for OG images, blog heroes, product photos, infographics, favicons, and Pinterest pins. - Structured Prompt Pipeline: Builds prompts using a 6-component Creative Director system with domain-specific emphasis for consistent, high-quality output. - Post-Generation SEO Checklist: Guides alt text writing, SEO-friendly file naming, WebP conversion, ImageObject schema markup, and og:image meta tags. - Cost Tracking & Batch Generation: Estimates costs before generation, logs usage, and supports batch variation creation. - Use Case: A content marketer needs a 1200x630 OG image for a new blog post; the skill generates it with the right aspect ratio, then provides alt text, a WebP conversion command, and ready-to-paste og:image meta tags. ## Quick Start Ask the assistant to generate an OG image for your blog post about a given topic, and it will produce the image plus SEO metadata recommendations.

Frequently Asked Questions about seo-image-gen

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an OG image for social media previews?

Use the og command with a description of your content, and the skill generates a 16:9 image at 1K resolution optimized for social previews. It then provides og:image meta tags with the correct 1200x630 dimensions and alt text suggestions.

How to generate SEO-friendly blog hero images with AI?

Use the hero command, which applies a 16:9 aspect ratio at 2K resolution with cinematic or editorial styling. After generation, follow the built-in checklist for keyword-rich alt text, SEO file naming, and WebP conversion.

What are the requirements to use Gemini image generation for SEO assets?

The banana extension must be installed via its install script, and the nanobanana MCP server must expose tools like gemini_generate_image and set_aspect_ratio. A valid Gemini API key from Google AI Studio is also required.

Why does image generation fail with an IMAGE_SAFETY error?

The Gemini API rejected the prompt due to safety filters. Rephrase the prompt using the guidance in the prompt-engineering reference, avoiding flagged terms while keeping the description specific and visual.

How much does AI image generation cost per image?

Costs depend on resolution: roughly $0.02 at 512, $0.04 at 1K, $0.08 at 2K, and $0.16 at 4K with the flash model. The skill shows estimates before generating and logs usage through its cost tracking script.

Can I generate multiple image variations at once?

Yes, the batch command generates N variations of a description, defaulting to three. Cost estimates are shown upfront since batch generation multiplies per-image pricing.