seo-image-gen

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

Updated Jun 9, 2026
One-click install
npx skills add https://github.com/timikalo7/Execute --skill seo-image-gen-timikalo7
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/timikalo7/Execute/tree/main/.claude/skill-library/claude-seo/skills/seo-image-gen
Command: npx skills add https://github.com/timikalo7/Execute --skill seo-image-gen-timikalo7

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @ycse/nanobanana-mcp, and includes references (resource) components.

What problem does it solve? Creating SEO-ready visual assets like OG social preview images, blog heroes, product photos, and infographics normally requires design tools and manual optimization; this Skill generates them with AI and applies SEO defaults for aspect ratio, resolution, and post-generation markup. ## Core Features & Use Cases - Use-case presets: Maps commands like og, hero, product, infographic, favicon, and Pinterest pin to pre-configured aspect ratios, resolutions, and domain modes. - Gemini generation pipeline: Builds structured prompts using a 6-component reasoning brief and generates images through the nanobanana MCP server. - Post-generation SEO checklist: Produces alt text suggestions, SEO-friendly file naming, WebP conversion commands, ImageObject schema, and og:image meta tags. - Use Case: A marketer needs a social preview image for a new blog post; running the og command generates a 16:9 image, then provides WebP conversion and OG meta tag snippets ready to paste into the page. ## Quick Start Ask the assistant to generate an OG image for your blog post about a specific topic, and it will produce the image plus SEO markup.

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?

Run the og command with a description of your content, and the skill generates a 16:9 image at 1K resolution via the Gemini MCP tool. It then provides og:image meta tags with width, height, and alt attributes to embed in your page head.

What image generation model does this skill use?

It uses Gemini image generation models through the @ycse/nanobanana-mcp server, with gemini-3.1-flash-image-preview as the default package alias and gemini-2.5-flash-image as a fallback. Model selection depends on the use case, such as higher resolution for heroes and product photos.

Does this skill work without the banana extension installed?

No, it requires the nanobanana MCP server installed via the banana extension install script. If the gemini_generate_image or set_aspect_ratio tools are unavailable, the skill instructs you to run the extension installer first.

Why was my image generation prompt blocked by safety filters?

Gemini applies input and output safety filters that can block prompts involving violence, public figures, or suggestive content, sometimes overly cautiously. Rephrase using positive framing, artistic context, or metaphor as described in the prompt-engineering reference.

How do I convert generated images to WebP for faster page loads?

Use ImageMagick with the command magick output.png -quality 85 output.webp after generation. The skill's post-generation checklist recommends WebP conversion and targets under 200KB for hero images and under 100KB for thumbnails.

What are the rate limits for Gemini image generation?

The free tier allows roughly 10 requests per minute and 500 requests per day per Google Cloud project, resetting at midnight Pacific. If you hit a 429 rate limit error, wait 60 seconds and retry.