seo-image-gen

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

8|5|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/shenxingy/Clade --skill seo-image-gen-shenxingy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/shenxingy/Clade/tree/main/configs/skills/seo-image-gen
Command: npx skills add https://github.com/shenxingy/Clade --skill seo-image-gen-shenxingy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Producing high-quality, correctly sized SEO visuals (OG/social previews, blog heroes, schema images, and product photography) is slow and expensive, and inconsistent results can hurt click-through rates.

Core Features & Use Cases

  • AI SEO image generation: Create production-ready visuals tailored to common SEO use cases like OG/social preview images, blog hero banners, schema images, product photography, infographics, icons, and Pinterest pins.
  • Use-case defaults (aspect ratio & resolution): Automatically apply the right aspect ratio and resolution presets for each target image type (e.g., OG 16:9 at 1K, hero 16:9 at 2K, infographic 2:3 at 4K).
  • Cost-aware batch workflow: Supports single and batch generation with guidance and cost tracking/logging for Gemini image generation via nanobanana-mcp.

Quick Start

Generate an OG/social preview image from the command you want, for example: generate a 1200x630-style OG image for "EcoBrew coffee" using a clean modern product-photo look.

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 images with the correct aspect ratios for different web assets?

You can generate SEO-ready images like OG previews and blog heroes by translating a visual brief into correctly framed outputs. The skill automatically applies use-case presets for aspect ratio and resolution, such as 16:9 at 1K for OG previews.

What is the best way to create Open Graph social preview images for my blog?

The best way to create Open Graph social preview images is by using AI generation with automatic 16:9 at 1K resolution defaults. This ensures your social previews are correctly framed and production-ready to improve click-through rates.

Can I use Gemini image generation for batch creating blog hero banners?

Yes, you can use Gemini image generation for batch creating blog hero banners through the nanobanana-mcp integration. The workflow supports batch generation with cost tracking and applies a 16:9 at 2K resolution default for hero images.

Does nanobanana-mcp support generating high-resolution infographics and Pinterest pins?

Nanobanana-mcp supports generating high-resolution infographics and Pinterest pins by routing to supported image models. It automatically applies appropriate defaults like 2:3 at 4K for infographics to ensure high-quality SEO visuals.

Why do my AI generated schema images and product photography look inconsistent for SEO?

AI generated schema images and product photography look inconsistent when correct aspect ratios and resolution defaults are not applied. Using a standardized creative director pipeline ensures production-ready, correctly framed SEO visuals every time.