seo-image-gen

Generates SEO-optimized images via Gemini MCP tools with post-generation optimization checklists.

4|Updated Aug 22, 2025
One-click install
npx skills add https://github.com/justin06lee/justin06lee.dev --skill seo-image-gen-justin06lee
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/justin06lee/justin06lee.dev/tree/main/.gemini/skills/valhalla/skills/seo-image-gen
Command: npx skills add https://github.com/justin06lee/justin06lee.dev --skill seo-image-gen-justin06lee

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating OG images, blog heroes, product photos, and infographics for SEO requires design effort and knowledge of correct dimensions, formats, and markup. This Skill automates image generation through Gemini's API and enforces SEO best practices like alt text, WebP conversion, and ImageObject schema. ## Core Features & Use Cases - Use-case presets: Pre-configured aspect ratios, resolutions, and domain modes for OG images (16:9), blog heroes (2K), product photos (white background), infographics (2:3 vertical), favicons, and Pinterest pins. - Structured prompt pipeline: Applies a 6-component reasoning brief (subject, action, context, composition, lighting, style) with domain-specific modifier libraries before calling the Gemini image generation MCP tools. - Post-generation SEO checklist: Guides alt text writing, SEO-friendly file naming, WebP conversion via ImageMagick, file size targets, and ImageObject/og:image markup. - Use Case: A content marketer needs a social preview image for a new blog post. They run the og command with a description, receive a 1200x630-style image, then follow the checklist to convert it to WebP and add the correct og:image meta tags. ## Quick Start Ask the assistant to generate an OG image for your blog post about a specific topic using the seo image-gen og command.

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. The skill sets a 16:9 aspect ratio at 1K resolution, builds a structured prompt, and calls the Gemini image generation MCP tool, then provides og:image meta tag markup.

What image sizes work best for SEO assets like blog heroes and favicons?

Blog heroes use 16:9 at 2K resolution, product photos use 4:3 at 2K, infographics use 2:3 at 4K, and favicons use 1:1 at 512 pixels. OG images target 1200x630 after post-processing with ImageMagick.

Does this skill require the nanobanana MCP server to be installed?

Yes, the banana extension must be installed via its install script and configured with a GOOGLE_AI_API_KEY. The skill checks for gemini_generate_image and set_aspect_ratio tool availability before generating.

Why was my image generation prompt blocked by Gemini safety filters?

Gemini applies input and output safety filters that can block benign prompts. Rephrase using positive framing, artistic context, or metaphor instead of literal descriptions of flagged content, then retry the generation.

Can Gemini generate images with transparent backgrounds?

No, Gemini always outputs images with a background. The workaround is generating on a solid green chroma key background, then removing it with ImageMagick's fuzz and transparent options or FFmpeg's colorkey filter.