skills.rest
lugondev
lugondevCOMMUNITY
Explore all skills by this author →
𝕏@tegufyGitHub

seo-image-gen

Generate SEO-ready images for OG previews, hero banners, and schema visuals.

Updated May 23, 2026
Search Tags:#image generation#seo#infographic#og image#schema markup#webp optimization#gemini mcp
One-click install
npx skills add https://github.com/lugondev/claude-seo --skill seo-image-gen-lugondev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/lugondev/claude-seo/tree/main/extensions/banana/skills/seo-image-gen
Command: npx skills add https://github.com/lugondev/claude-seo --skill seo-image-gen-lugondev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the time-consuming work of creating SEO-focused images (OG/social previews, hero images, schema images, infographics, and product photos) by generating production-ready visuals aligned to SEO and platform needs.

Core Features & Use Cases

  • SEO image generation for common layouts: Create OG/social preview, blog hero, schema ImageObject visuals, product photography, infographics, favicons, and Pinterest-ready vertical cards.
  • Automated aspect ratio + resolution defaults: Automatically applies use-case-driven aspect ratios (e.g., 16:9, 4:3, 2:3) and resolution presets to match intended placements.
  • Gemini via nanobanana-mcp pipeline: Uses Gemini image generation through the banana Creative Director pipeline and MCP tools (including aspect-ratio setting).
  • Post-generation SEO guidance: Provides alt-text suggestions, SEO-friendly file naming, WebP optimization guidance, and schema/OG meta reminders.

Quick Start

Use the command /seo image-gen og stunning minimalist espresso bar branding to generate an OG/social preview image and receive the SEO checklist to finalize it.

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 SEO-ready images for Open Graph and social previews?▼

You generate SEO-ready images for Open Graph and social previews by transforming a textual image brief into correctly formatted visuals. The pipeline automatically sets aspect ratios, runs the Creative Director prompt, and outputs alt-text with meta tag guidance.

What aspect ratios and resolutions are needed for SEO schema images?▼

SEO schema images require use-case-driven aspect ratios like 16:9, 4:3, or 2:3. The generation process automatically applies these domain-mode defaults and resolution presets to match intended placements for ImageObject visuals and hero banners.

Do I need a specific MCP server to generate infographics with Gemini?▼

Yes, generating infographics with Gemini requires an installed nanobanana MCP server with Gemini image generation tools available. The pipeline uses this server to set aspect ratios and execute the Creative Director prompt before producing the final visual.

Can I automate WebP optimization and alt-text creation for blog hero images?▼

You can automate WebP optimization and alt-text creation for blog hero images through post-generation SEO guidance. After rendering the visual, the pipeline provides SEO-friendly file naming, WebP optimization tips, and alt-text suggestions for your workflow.

How do I create Pinterest-ready vertical cards and product photos for SEO?▼

Create Pinterest-ready vertical cards and product photos for SEO by inputting a textual image brief. The process applies specific vertical aspect ratios, generates the image via the Gemini pipeline, and provides schema markup reminders for rich results.

Does SEO image generation support batch variations for multiple web placements?▼

SEO image generation supports batch variations for multiple web placements. You can process a textual image brief to generate visuals for OG previews, schema images, and infographics while maintaining automated aspect ratio defaults.

Related Skills

Explore More Design & Creative Skills→
shenxingyshenxingy
8

seo-image-gen

Generate SEO-ready images with aspect ratio and resolution defaults for web and social assets.

Community
Advanced
rothwellmawela-cyberrothwellmawela-cyber

seo-image-gen

Generate SEO visuals with alt text and schema suggestions.

Community
Advanced
somarjunsomarjun

seo-image-gen

Generate SEO-ready images with alt text, WebP conversion, and ImageObject markup.

Community
Advanced
WebDevPeterGriffinWebDevPeterGriffin
38

seo-image-gen

Generate SEO-ready images with aspect ratio presets via Gemini.

Community
Advanced