seo-image-gen

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

Updated Dec 29, 2025
One-click install
npx skills add https://github.com/Flexksx/alemar-capoeira-chisinau --skill seo-image-gen-flexksx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/Flexksx/alemar-capoeira-chisinau/tree/main/.claude/skills/seo-image-gen
Command: npx skills add https://github.com/Flexksx/alemar-capoeira-chisinau --skill seo-image-gen-flexksx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It eliminates the time-consuming, guesswork-heavy process of creating SEO-ready social preview and on-page images by generating correctly framed visuals tailored to common SEO placements.

Core Features & Use Cases

  • Generate SEO assets by use case: Create OG/social preview images, blog hero images, product photos, infographic-style visuals, and schema-friendly images with sensible aspect ratio and resolution defaults.
  • Uses a structured generation pipeline: Applies domain-mode defaults, sets aspect ratio via MCP tools, and produces production-ready images via Gemini image generation.
  • Improves SEO readiness after generation: Guides you on alt text, SEO-friendly filenames, WebP conversion targets, and provides schema/OG meta markup snippets.

Quick Start

Ask the skill to generate an OG image for your page by saying: "/seo image-gen og a modern studio photo of a capoeira practice session with warm sunrise lighting, clear space for metadata, and a premium editorial 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-optimized OG images for social preview and blog hero placements?

You can generate SEO-optimized OG images by specifying the use case and providing a descriptive prompt, which triggers domain-mode defaults for aspect ratio and resolution to produce production-ready visuals.

What's the best way to create schema-friendly images and social preview visuals automatically?

Creating schema-friendly images automatically involves applying use-case defaults for aspect ratio and routing the prompt through the nanobanana MCP toolchain for Gemini image generation, saving outputs with SEO checklists.

Does this image generation pipeline provide SEO guidance for alt text and WebP conversion?

Yes, the generation pipeline provides post-generation SEO guidance, offering recommendations for alt text, SEO-friendly filenames, WebP conversion targets, and schema/OG meta markup snippets.

Do I need the nanobanana MCP toolchain to generate SEO images for web and social placements?

Yes, you need the banana extension with available MCP tools to use this skill, as it relies on the nanobanana toolchain for model routing, aspect ratio configuration, and image generation.

Can I generate product photography and infographic-style visuals with predefined aspect ratios?

Yes, you can generate product photography and infographic-style visuals because the skill applies sensible aspect ratio and resolution defaults tailored to these specific SEO use cases.

Where are the generated SEO images and their metadata artifacts saved?

Generated SEO images and their metadata artifacts are saved directly to the nanobanana-generated directory, including settings, prompt details, and an SEO checklist for immediate use.