skills.rest
WebDevPeterGriffin
WebDevPeterGriffinCOMMUNITY
Explore all skills by this author →
GitHub

seo-image-gen

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

38|2|Updated Mar 29, 2026
Search Tags:#image generation#mcp#webp#seo#nanobanana#infographic#og images
One-click install
npx skills add https://github.com/WebDevPeterGriffin/The-VibeCode-Bible --skill seo-image-gen-webdevpetergriffin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/WebDevPeterGriffin/The-VibeCode-Bible/tree/main/.agent/skills/claude-seo/skills/seo-image-gen
Command: npx skills add https://github.com/WebDevPeterGriffin/The-VibeCode-Bible --skill seo-image-gen-webdevpetergriffin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It solves the problem of creating consistently sized, SEO-ready images (OG/social previews, hero images, schema visuals, and product photography) without manually designing and resizing assets.

Core Features & Use Cases

  • SEO Image Generation: Generate OG/social preview, blog hero, schema images, product photos, infographics, favicons/icons, Pinterest pins, or custom visuals using Gemini via the nanobanana MCP pipeline.
  • Aspect/Resolution Presets: Automatically applies use-case-specific defaults (e.g., OG 16:9 at 1K, hero 16:9 at 2K, infographic 2:3 at 4K, favicon 1:1 at 512).
  • SEO Output Guidance: Provides a post-generation checklist for alt text, SEO-friendly file naming, WebP conversion, and suggested ImageObject/OG meta snippets.

Quick Start

Use the skill with the command: /seo image-gen og "A sleek AI SaaS dashboard hero in a clean, premium style for a modern website".

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 OG and social preview images automatically?▼

Generate SEO-ready OG and social preview images by using command presets like 'og' to automatically apply correct aspect ratios and resolution tiers. The system outputs production-ready visuals and provides a post-generation checklist for alt text and WebP conversion.

How do I automatically format blog hero images for SEO?▼

Generate SEO-ready blog hero images through a text prompt to automatically apply 16:9 aspect ratio and 2K resolution defaults. This ensures your web assets meet SEO visual standards without manual resizing.

Can I generate high-resolution infographics and schema visuals from a prompt?▼

Generate high-resolution infographics and schema visuals directly from a prompt using the infographic command. This automatically applies a 2:3 aspect ratio and 4K resolution default to produce detailed, SEO-aligned visual assets.

Do I need specific MCP tools to generate SEO images for my website?▼

Generating SEO images requires available MCP tools for image generation and aspect ratio setup, specifically utilizing the nanobanana MCP pipeline. The system then returns generated image paths alongside prompt settings and SEO checklist guidance.

What is the best way to ensure my generated product photography meets SEO standards?▼

Ensure generated product photography meets SEO standards by using the product command preset to apply correct visual defaults. The system provides a post-generation checklist for SEO-friendly file naming, WebP conversion, and ImageObject meta snippets.

What SEO metadata guidance is provided after generating web images?▼

After generating web images, the system provides a post-generation SEO checklist covering alt text, SEO-friendly file naming, WebP conversion, and suggested ImageObject and OG meta snippets to ensure your assets are fully optimized.

Related Skills

Explore More Marketing & Sales Skills→
FlexksxFlexksx

seo-image-gen

Generate SEO-optimized images for web and social placements via nanobanana MCP.

Community
Advanced
somarjunsomarjun

seo-image-gen

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

Community
Advanced
mohammedalaa89mohammedalaa89

schema-markup

Add JSON-LD schema markup with schema.org types and Google validation.

Community
Intermediate
DexterJieDexterJie

imagegen

Generate and edit AI bitmap images using the OpenAI API.

Community
Advanced